jquery在项目里是干啥的⼿把⼿带做Vue项⽬ByVisualStudio2019
前⾔（扯⽪）：
最近公司前端项⽬要重构，之前是纯Jquery+Bootstrap做的，虽然灵活易⽤⽽且要啥有啥，⼀顿jq插件什么都能实现，但是后期维护⼀下，妈呀，这哪个**写的**代码（⾃个⼉想那是多刺激），反正最终项⽬是完成了，谁也不愿意去维护了，所以果断转战Vue,
⽤Vue很舒服的啊，结构⽬录清晰，js,css,html划分⾮常明确，附图
⽼项⽬：页⾯构建代码冗余，不断copy造轮⼦，js代码全项⽬集中在⼀起，查起来⿇烦，修改起来还可能影响全局。
Vue：代码划分明确。数据块、初始化、⽅法块、html块、css块。修改起来简单易懂，快速明了
Jq→→Vue
⼀、安装环境
进去之后选择合适的下⼀个，按着提⽰安装就⾏，装完之后win键+R，输⼊cmd
查看⼀下是否真成功了cmd⾥⾯直接输⼊:
node -v 和 npm -v  得到如下图版本类似的信息证明装好了。
⼆、新建Vue项⽬
我的vue项⽬是由Visual Studio 2019搭建，所以教程是带你⽤VS2019的哦，虽然市⾯上⼤部分是VsCode搭建，但我们之前项⽬也是基于VS2019的所以直接还是⽤了⼀样的，毕竟⽤熟了⽐较快，⽽且VS2019这么强⼤，啥都能写。
1）确认Visual Studio 2019环境：看扩展⼯具⾥有没有勾选NodeJs
2）确保没⽑病就开始建项⽬ ：左上⾓——⽂件——新建——项⽬——输⼊⾃⼰的项⽬名，选好准备存哪，妥了
3）右键项⽬名：选择“在此处打开命令提⽰符” 运⾏npm的指令 npm install -g（这个指令会把你项⽬缺失的组件包全部补全，可以记个⼩本本），然后结束后再运⾏指令npm run serve(这是开发环境调试⽤的指令，能够在修改页⾯后⾃动刷新同步⽹页，记⼩本本)
4）如果上⾯⼀切顺利的话，你就可以Hello World了按他的提⽰打开浏览器输⼊localhost:8080（⼀般是这个地址，如果被占⽤了他会⾃动切8081等，所以最终你还是看他提⽰）
注意：如果有脚⼿架报错，那运⾏⼀下这个npm install -g vue-cli 或 npm install ⾃动补齐缺失的包
下节我将带来路由解说，并实例写个登录到⾸页的项⽬玩玩

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。