vue-cli3 脚手架搭建项目

1、安装node.js

 前往node.js官网下载并安装，安装完成后，输入以下命令测试是否安装成功

2、安装vue-cli3.0

1）、npm install –g @vue/cli     或者   yarn global add @vue/cli

2）、指向的vuecli3是因为上一次记录过的cli3配置，第一次执行create是没有的

3）、按键盘上下键可以选择默认（default）还是手动（Manually），如果选择default，一路回车执行下去就行了

继续手动一下

4）、选择配置，看个人项目需求

注意，空格键是选中与取消，A键是全选

TypeScript 支持使用 TypeScript 书写源码

Progressive Web App (PWA) Support PWA 支持。

Router 支持 vue-router 。

Vuex 支持 vuex 。

CSS Pre-processors 支持 CSS 预处理器。

Linter / Formatter 支持代码风格检查和格式化。

Unit Testing 支持单元测试。

E2E Testing 支持 E2E 测试。

5）、css的预处理，我选择的是Less

6）、我选择的是ESLint + Prettier

7）、选择语法检查方式，我自己选择保存就检测

第一个是保存检测，第二个是fix和commit的时候检测

8）、单元测试，我选择了Mocha

9）、配置文件存放地方

第一个是独立文件夹位置，第二个是在package.json文件里

10）、询问是否记录这一次的配置，以便下次使用，如一开始的时候会显示的vuecli3配置

11.回车确定等待下载

12.装好后，启动

cd my-project // 进入到项目根目录   npm run serve // 启动项目

3、创建一个项目vue create

vue create project-name（要创建项目的名称）

也可以选择图形化界面创建， 输入命令：vue ui

配置项选择，可根据项目需要（此操作可与以上详细步骤对比）

vue-cli卸载：

npm uninstall vue-cli –g    或者    yarn global remove vue-cli