使用Vue/cli创建vue项目

Vue cli官网

1.安装vue/cli

npm install -g @vue/cli

2.查看版本

Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

vue --version
	@vue/cli 4.5.4

3.创建项目

1.执行vue create 项目名称

命令行窗口输入vue create vue-cli-demo,回车，出现下图

图片的意思是：选择你要有的配置，箭头按键进行选择
默认情况下只会出现后三个选项，前两个是我之前保存的模板，可直接使用。

2.按下箭头选择Manually select features回车进行手动安装

选择项目所需要的配置
上下箭头选择，空格键确定，选择图片上的配置，回车安装

3.选择2.x

4.输入y,选择路由的history模式

5.选择css的配置

看自己的选择，这里我选择less

6.选择css文件的生成方式

选择第一个 In dedicated config files生成单独的文件，回车

7.选择是否生成预设模板

输入y回车

输入自定义的预设模板名称回车

8.等待安装

9.安装完成

10.运行项目

按照安装完成的提示，进入到刚刚创建的文件目录下执行npm run serve

11.完成

浏览器输入http://localhost:8080/