将一个js项目改造成vue项目

Posted 小路他大哥

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了将一个js项目改造成vue项目相关的知识,希望对你有一定的参考价值。

本地环境:node版本:8.11.4 vue版本:3.4.1; 开发工具vscode

 

 

1、创建一个空的vue项目(vue create bigdata_reprot_web

 

2、找到项目的空白页,改造该页面

 

改造思路:先把依赖的css,和js一个个的引入到 vue项目中,每引入一个,看看是否生效了

顺序:

jquery(虽然vue不建议使用jquery)

bootstrap.min.js

jquery.slimscroll.min.js

beyond.js(这个是该项目的主要js)

 

引入beyond.js

Npm run serve 启动程序,首页生效,改造完毕。

 

有问题q我,微信号: laiyidafeichang

 

以上是关于将一个js项目改造成vue项目的主要内容,如果未能解决你的问题,请参考以下文章

Vue3.0项目从Webpack改造成Vite

如何将原有 Weex 项目改造成 Vue 版本

vue项目改造SSR(服务端渲染)

vue项目进行nuxt改造

将Vue-cli搭建的项目改造成多页面应用时对项目结构和配置的调整

将Vue-cli搭建的项目改造成多页面应用时对项目结构和配置的调整