vue安装脚手架安装（vue3脚手架安装）



一、安装Vue3脚手架

在此之前需要把Node.js环境安装好

如果之前安装了2.0的脚手架，需要把它卸载掉，在控制台执行npm uninstall vue-cli -g 进行全局卸载

然后执行命令 npm install @vue/cli -g 下载vue3的脚手架

二、项目搭建

1、

创建一个新的文件夹，然后使用VSCode或者命令控制台打开

执行vue create 你的项目名称（注意不要有大写字母）

2、

第一和第二个分别是Vue3和Vue2的默认模板，我们选择第三个Manually select features(手动选择，也即是自定义的意思)，敲回车

3、

操作说明：空格选择，a全选，i反选，回车确定。

选择一下选项，然后回车

4、选择vue3

5、是否使用class风格的component。根据需求来选择，我选择N,然后回车

6、是否使用Babel来处理TS代码，选择y，回车

7、是否使用history模式来创建路由，选择n，后续如果需要使用是可以在配置中进行更改

8、选择css处理器，我这里选择了Less

9、选择代码的检测方式，这里选择ESLint+Prettier

10、选择什么时候对代码ESLint,这里选择保存的时候，第一个

11、对于以上的配置，是选择保存在独立的文件中还是package.json中,这里选择第一个

12、是否将本次配置内容设置成预设，这里选择N

13、安装完成

我在安装的时候遇到的问题

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/59437.html