二、创建项目

1、安装vue-cli后，就可以创建项目了。

2、创建项目有两种方式： 第一种是通过vue  create<项目名称>命令创建。（推荐使用第一种）

                                           第二种是通过vue ui命令启动图形界面来创建项目。

3、第一种是通过vue  create<项目名称>命令创建。（推荐使用第一种）

选择好项目存放的目录（使用Alt+D, 键入 cmd 按 Enter回车），windows系统打开命令提示符cmd。输入以下命令，开始创建一个vueclidemo的项目，注意项目名称中不能有大小写字母。

vue  create  vuedemo

有三个选项（这里用方向键选择第三项，然后按Enter键）。

第一个选项默认安装vue2版本，适合快速创建项目。

第二个选项默认安装vue3演示版本。

第三个选项手动进行配置并安装，适合有经验的开发者。

 

按Enter键后出现以下配置选项。

Choose Vue version：选择配置的vue版本。

Bable：ES6语法转码器，用于将ES6代码转成ES5代码。

TypeScript：TypeScript是JavaScript的超集，主要是提供了类型系统和对ES6的支持。TypeScrpt是由微软开发的开源编程语言，它可以编译成纯JavaScript，编译出来的JavaScript可以运行在任何浏览器上。

Progressive Web App(PWA) Support：支持渐进式Web应用程序。

Router：vue-router 路由。

Vuex：状态管理。

CSS Pre-processors：CSS预处理器，解析less、sass。

Linter/Formatter：代码风格检查和格式校验，比如ESlint。

Unit Testing：单元测试。

E2E Testing：End to End测试。

默认选择的是Choose Vue version、Babel和Linter/Formatter选项。如果想选择其他选项比如：Router和Vuex，可以按空格键space选中，接下来按Enter键，可以进入下一步配置。

（这里选择2.x，进入下一步配置）

 

第一个选项是指ESlint仅用于错误预防。

后三个选项是让你选择ESlint和哪一个代码规范一起使用，至于选择哪种代码规范，要看个人的喜好或者公司的要求。

（这里我们选择第一个。选择后进入何时检测代码界面）

 

这里选择第一个：保存时检测。

（接下来进入配置信息存放在哪里的选项）

 

第一个选项是指在专门的配置文件中存放配置信息。

第二个选项是把配置信息放到package.json文件中。

（这里我们选择第二项，接下来提示是否保存本次配置）

 

输入y键再按Enter键，确认。

接下来给本次配置取个名字。名字随便起，也可不写。

按Enter键开始创建脚手架项目。（这期间会根据配置自动下载需要的包，耐心等待，项目创建完成。）