【VUE-03】VS Code 6步骤搭建VUE项目

今天猫哥总结一下如何用VS Code搭建现在较热门的VUE项目，总共六个步骤：

1. 本地安装Vs Code以及nodejs；
2. 打开Vs Code并打开New Terninal安装脚手架vue-cli，安装命令：npm install -g vue-cli；
3. 安装打包神器webpack，安装命令：npm install -g webpack ；
4. 安装完成后新建一个文件夹（如：myProject），用vue打开myProject后执行命令：vue init webpack myProject（Ps：执行时会出现一些配置项，可以根据需要配置，也可以直接按回车选择默认）；
5. 严格意义上，VUE项目已经搭建完毕。运行此项目只需在执行命令：npm  run  dev。成功之后，接着在浏览器里输入:http://localhost:8080，出现Vue官方启动页面，则表示启动成功；
6. 对VUE项目进行打包发布，执行命令：npm run build。执行完成之后，项目文件夹中会出现一个dist文件夹，里面就是打包之后的内容，直接部署即可。