vue+webpack (vue-cli + vuex + vue-resource + vue-router) web工程搭建

 
1. 首先安装node和npm
 
2. 安装vue(vue-cli脚手架): npm install -g vue-cli --registry=https://registry.npm.taobao.org    
  vue --version查看vue是否安装好
 
3. vue init webpack my-project-name  
  创建一个基于"webpack"的项目,后跟项目名,(运行后要求填写项目信息,也可不写直接回车)
 
4.  cd my-project-name 进入项目文件夹  执行 npm install --registry=https://registry.npm.taobao.org  
   安装项目所需依赖 出现在node-modules文件夹内
 
5. npm run dev 项目运行,直接跳转 http://localhost:8080
 
6. 运行后的项目代码改动,浏览器无需刷新,实时更新渲染
 
7. npm run build 工程打包,生成dist文件夹,内包括打包后的html,css,js (一般路径正确,html是可以直接预览的,可搜索检查html和css中的文件路径)
 
8. 项目部署,直接将打包后的 dist文件夹内的各文件上传服务器即可
 
posted @ 2017-07-21 15:36  千&叶  阅读(626)  评论(0编辑  收藏  举报