Vue笔记之安装Vue-cli3脚手架

零、安装node（省略）

一、全局安装vue脚手架

npm install -g @vue/cli

npm --version

二、全局安装webpack

npm install -g webpack

三、拉取vue-cli2

npm install -g @vue/cli-init

四、vue-cli2创建项目

1）创建项目命令

vue init webpack ziruchu_test01

2）配置选项说明

? Project name ziruchu_test01               项目名
? Project description ziruchu test          项目描述
? Author ziruchu                            作者
? Vue build runtime                         运行时
? Install vue-router? Yes                   是否安装路由
? Use ESLint to lint your code? No          是否安装代码风格检测
? Set up unit tests No                      是否安装单元测试    
? Setup e2e tests with Nightwatch? No       是否安装端对端测试
? Should we run `npm install` for you after the project has been created? (recommended) npm  包管理器，npm               

3）运行

npm run dev

五、vue-cli3创建项目（推荐使用升级版脚手架）

1)创建项目命令 

vue create cli3test

2）配置选项

Vue CLI v4.2.3
? Please pick a preset: Manually select features                    选择手动配置
? Check the features needed for your project: Babel, Router         
? Use history mode for router? (Requires proper server setup for index fallback in production) Yes
? Where do you prefer placing config for Babel, ESLint, etc.? In dedicated config files  独立配置文件
? Save this as a preset for future projects? No                     不保存本次配置

插件选项说明
 (*) Babel                                          转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。
 ( ) TypeScript
 ( ) Progressive Web App (PWA) Support              渐进式Web应用程序
 ( ) Router                                         路由
 ( ) Vuex                                           vuex（vue的状态管理模式）
 ( ) CSS Pre-processors                             CSS 预处理器（如：less、sass）
 ( ) Linter / Formatter                             代码风格检查和格式化（如：ESlint）
 ( ) Unit Testing                                   单元测试
 ( ) E2E Testing                                    端对端测试

 3）运行

 npm run serve

以后的新项目都将采用升级版的脚手架创建项目，vue-cli2将成为过去式，剩下的就是维护使用vue-cli2项目，后面的学习过程中将使用升级版脚手架。

我是夕阳何处寻，期待和优秀的你一起同行!

夕阳何处寻

2020年03月04日