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文件夹内的各文件上传服务器便可