> 文章列表 > 【Vue3】如何用Vue CLI 创建一个Vue3的初始化项目

【Vue3】如何用Vue CLI 创建一个Vue3的初始化项目

【Vue3】如何用Vue CLI 创建一个Vue3的初始化项目

第一步、安装Vue Cli

npm install -g @vue/cli

安装成功后,就可以在命令行工具中,使用vue命令。

检测是否安装成功,可以用 vue -V  出现版本号,代表安装成功。

第二步、创建项目

为了方便管理项目,我先在 github 创建了一个项目。

1、vue create  项目名

2、 因为我本地有同名项目,所以这一步我选择合并(无同名项目忽略这一步)

3、  为了熟悉项目的配置,我选择的是手动选择

 4、选择项目中需要的相应配置(Mac 空格键选中或者取消选中)

 5、Vue版本肯定选择3.X啦

 6、history和哈希两种路由模式,因为我们要用哈希模式,所以这一步我们选择N

7、css预处理器 Sass/Scss(with node-sass) 和 Sass/SCSS (with dart-sass) 有什么区别

8、ESLint 我们就选择标准配置就好

9、 这一步会问你什么时候去执行Lint呢,我们就选择保存代码的时候执行就好了。

 10、Babel和ESLint 相应的配置想要放在哪里?我们选择放在相应的配置文件中就可以。

 11、要不要将你的配置保存成一个预设(需要的话,下一步自己起一个名字就ok啦)

 12、然后脚手架就会按照我们的配置,帮我们创建Vue3的初始项目了。

项目创建完成。