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、安装完成
作者:WangJianqiu
出处:https://www.cnblogs.com/WangJianqiu/p/17373887.html
版权:本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?