通过 vue_cli 创建项目

一、介绍

命令行工具：cli，为单页面应用快速搭建繁杂的脚手架。

二、安装 cli

命令行输入指令，运行：

npm install -g @vue/cli

输入这个指令来检查是否已安装好：

vue --version

三、创建项目

1、在要创建项目的文件夹终端输入：vue create ‘项目名’，然后回车

 

2、 会出现如下图。这里先选择最下面的手动配置，选择回车

3、然后出现： 

（说明：*代表选中的，按空格键来选择或取消选择。Bable 表示转码器。TypeScript 表示js的超级。Progressive Web App Support 表示渐进式的web程序。Router 表示路由。CSS Pre-processors 表示css的预处理器。Linter/Formatter 表示代码风格的格式化。Testing 表示一些测试。）

选中需要的，然后回车：（这里先只选了这三个） 

 4、这里选择版本号，这里选择 vue3 的版本，回车：

5、是否使用 history的路由模式，这里我们选择是，输入“y”，回车： 

 6、选择语法格式化和插件的一些配置，选择默认配置，回车：

 7、选择语法格式化检测的时间，选择保存的时候去检测，回车：

 8、选择插件配置保存的方式，这里选择分开配置，回车：

9、是否要将这些配置保存下来。如果你认为这些配置 以后都能用到，可以选择输入“y” ，回车：

10、给你保存的配置起一个名字，然后回车： 

 11、等待安装，项目创建完成：

12、按照上面两个指令，启动项目：

 13、点击这个链接：

项目启动成功：

 

四、vue-cli 项目文件说明