vue脚手架

0.npm install -g cnpm --registry=https://registry.npm.taobao.org     //安装 cnpm

1.cnpm install –global vue-cli          //全局安装vue-cli是vue.js脚手架，快速创建vue项目

2.vue init webpack myvue                      //创建基于webpack模板的新项目：(myvue)自定义项目名称

Project name (vuetest)项目名称，小写

Project description (A Vue.js project)项目描述

Author作者

Runtime + Compiler: recommended for most users运行+编译

Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files – render functions are required elsewhere仅运行时

Install vue-router? (Y/n)官方路由

Use ESLint to lint your code? (Y/n)代码风格管理工具，统一代码风格

Setup unit tests with Karma + Mocha? (Y/n)安装单元测试

Setup e2e tests with Nightwatch(Y/n)?安装e2e测试

3.进入项目目录

4.cnpm install//安装依赖mok

5.npm install --save-dev sass-loader    //sass-loader依赖于node-sass

npm install --save-dev node-sass     //为了使用sass就得这样干

6.启动cnpm run dev

注意端口号，多个项目不能是同一端口号否则启动失败

目录：

1.build：最终发布代码的存放位置，操作文件

2.config：配置目录

3.node_modules：项目依赖模块

4.src：开发目录

1）assets：静态资源目录

2）components：存放组件

3）App.vue：项目入口文件

4）main.js：项目核心文件，webpack入口文件

5）router：路由文件夹，决定路由跳转规则

5.static：静态资源

6.index.html：首页入口文件

7.package.json：项目配置文件