安装 node.js 环境

下载地址为：(nodejs.org/en/)

查看是否安装成功

node -vnpm -v

有版本号的就说明安装成功了

为了提高我们的速度可以下载淘宝镜像

npm install -g cnpm –registry=https://registry.npm.taobao.org

注意安装了淘宝镜像 npm 命令要改成 cnpm

然后全局安装 vue-cli

cnpm install -g vue-cli

查看 vue 版本号注意这里的 V 是大写的

vue -V

接下来开始创建 vue-cli 注意 hello-vue 是项目名称

vue create hello-vue

通过↑ ↓ 箭头选择配置

“sc”、“a”“sa”是预设名

default vue3：是默认配置 3.x

default vue2：是默认配置 2.x

Manually select features：自定义配置

这里选“Manually select features”自定义配置

通过↑ ↓ 箭头选择你需要的配置 这里空格是选中，a 是全选，i 是反选

Babel ：转码器，可以将 ES6 代码转为 ES5 代码，从而在现有环境执行。

TypeScript： TypeScript 是一个 JavaScript（后缀.js）的超集（后缀.ts）包含并扩展了

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

Router ：vue-router（vue 路由）

Vuex ： vuexvue 的状态管理模式

CSS Pre-processors ：CSS 预处理器（如：less、sass）

Linter / Formatter ：代码风格检查和格式化（如：ESlint）

Unit Testing ：单元测试（unit tests）

E2E Testing ： e2e（end to end） 测试

选脚手架版本

路由器是否使用历史记录模式？y 是 n 否

您希望将 Babel、ESLint 等的配置放在哪里。？

In dedicated config files ：在专用配置文件中

In package.json：在 package.json

是否将此保存为将来项目的预设？y 是 n 否

将预设另存为：

创建成功

接下来启动项目

cd 到项目目录

cd hello-vue

启动项目

npm run serve

复制网址到浏览器打开

vue-cli 项目就创建好了