标签：在服务器 dev 命令 配置 alt templates 版本 环境 设置
全面的Vue-cli学习，这一篇就够了！
一、下载
使用vue-cli前，需先安装node.js,node的安装就不赘述，不过在此需要注意：
1. node版本需在4.x以上，首推6.x以上版本（node -v 命令查看）
2. npm要求在 3+ 版本以上 （npm -v 命令查看）
vue-cli下载（推荐NPM方式下载）
npm install -g vue-cli
二、项目初始化
vue init webpack firstVue
这里的webpack为vue-cli最常用的模板名（此模板的项目配置包括：一个全功能的Webpack + vue-loader安装程序，带有热重新加载，linting，测试和css提取），firstVue是项目的文件夹名称。
官方将模板分为三类：
第一类为官方模板，通过使用 ”vue init 模板名 项目名” 即可初始化项目信息，具体有以下几种：
webpack ：”一个全功能的Webpack + vue-loader安装程序，带有热重新加载，linting，测试和css提取。
webpack-simple ： 简单的Webpack + vue-loader设置，用于快速原型设计。
browserify ：全功能Browserify + vueify设置用热重装载，掉毛＆单元测试。
browserify -simple ：用于快速原型设计的简单的Browserify + vueify设置。
pwa ：基于webpack模板的vue-cli的PWA模板
简单 ：一个HTML文件中最简单的Vue设置
第二类为自定义模板，自定义模板需要在github中fork请求，这个会在后续的进阶中提到。
第三类为本地模板，使用 “ vue init?/ fs / path / to-custom-template my-project ” 命令进行初始化，这个也会在进阶中提到。
三、项目构建
此处先使用最常用的webpack模板，通过 vue init webpack firstVue初始化后，会在当前文件夹下创建firstVue的子文件件,然后键入一下命令完成项目的构建：
cd firstVue npm install npm run dev
npm install 用以安装此项目的依赖（此处涉及到包管理器的概念，需要node.js基础），所有的依赖均存放在文件夹下的pack.json里，查看dependence或devDependences等可以查看。
npm run dev 执行脚本命令下的dev命令，此命令的细节可在pack.json文件里查看script下的dev属性
脚本命令执行后，会显示编译是否成功，通过本机的端口可在服务器环境下访问项目。
标签：在服务器 dev 命令 配置 alt templates 版本 环境 设置
原文地址：http://www.cnblogs.com/pomelott/p/7857519.html
