vue cli 3 创建 vue + typescript 项目

这里vue-cli版本是3.0以上的

1、创建项目（health-monitoring为项目名称）：

vue create health-monitoring

2、上下箭头选择：Manually select features（手动选择特性）

3、上下箭头键控制移动，空格键控制选中，选完回车

4、选择vue版本，这里选3.0：

5、是否使用class风格的组件语法（选yes）：

6、是否使用babel做转义（选yes）：

7、路由是否使用history模式，选择yes

8、使用哪个css预处理器，这里选less：

9、选择哪个自动化代码格式话检测（语法检测工具可以检测出你代码中潜在的问题，保证写出的代码语法正确，风格统一），这里暂时选ESLint + Prettier

ESLint with error prevention only 只检测错误
ESLint + Airbnb config 独角兽公司的Airbnb，有人说这是一份最合理的JavaScript 的编码规范，他几乎涵盖了js的各个方面
ESLint + Standard config 是一份强大的js编程规范，自带linter和自动代码纠正，没有配置，自动格式化代码，可在编码早期发现规范问题和低级错误
ESLint + Prettier Prettier作为代码格式化工具，能够统一整体团队的代码风格

10、选择语法检查方式

11、配置文件放哪里（选第一个 In dedicated config files）

12、是否将以上这些设置（3-11）保存为未来项目的配置？为刚才的设置流程（2-7）创建一个名称？，方便下次创建项目在第2步直接选预设名就好了，不用再选后面的步骤，这里暂时不要，选no

然后就会创建项目、自动安装依赖。

注意，如果项目目录都生成了，只是在安装依赖的过程中卡了，可以按ctrl+c终止。然后删除安装一半的node_modules文件夹，再通过cnpm i 来安装依赖。

打开项目：

可以发现，依赖已经安装好了，项目是vue3.0的，运行项目的命令：

npm run serve

当然，你可以根据习惯修改serve。这里，我根据习惯将serve改成dev：

然后运行命令：npm run dev

后面更为具体配置相关：https://blog.51cto.com/feng/5289515