摘自 http://www.cnblogs.com/m-blue/p/7217934.html
【1】 首先安装node和npm
【2】安装vue(vue-cli脚手架): npm install -g vue-cli
vue --version查看vue是否安装好
【3】vue init webpack my-project-name(my-project-name为自定义项目名称)
创建一个基于"webpack"的项目,后跟项目名,(运行后要求填写项目信息,也可不写直接回车)
【4】 cd my-project-name 进入项目文件夹 执行 npm install或yarn
安装项目所需依赖 出现在node-modules文件夹内
【5】npm run dev(或者npm start) 项目运行,直接跳转 http://localhost:8080
【6】运行后的项目代码改动,浏览器无需刷新,实时更新渲染
【7】npm run build 工程打包,生成dist文件夹,内包括打包后的html,css,js (一般路径正确,html是可以直接预览的,可搜索检查html和css中的文件路径)
扫描二维码关注公众号,回复:
891572 查看本文章
![](/qrcode.jpg)
【8】项目部署,直接将打包后的 dist文件夹内的各文件上传服务器即可