vue安装脚手架安装(vue3脚手架安装)

vue安装脚手架安装(vue3脚手架安装)一 安装 Vue3 脚手架 在此之前需要把 Node js 环境安装好 如果之前安装了 2 0 的脚手架 需要把它卸载掉 在控制台执行 npm uninstall vue cli g 进行全局卸载 然后执行命令 npm install vue cli g 下载 vue3 的脚手架 二 项目搭建 1 创建一个新的文件夹 然后使用 VSCode 或者命令控制台打开 执行 vue create 你的项目名称 注意不要有大写字母 nbsp 2 第一和第二个分别是 Vue3 和 Vue2 的默认模板



一、安装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、安装完成

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

今天的文章 vue安装脚手架安装(vue3脚手架安装)分享到此就结束了,感谢您的阅读。
编程小号
上一篇 2026-03-06 16:06
下一篇 2026-03-06 16:30

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/bian-cheng-ri-ji/50781.html