【前端】Vue3项目搭建

发布时间:2024年01月10日

项目的创建
vue3中??vuecli???的包修改为??@vue/cli???,vue创建的项目命令修改为??vue create???,用来快速创建新项目。因为项目开发中需要vuecli,所以我们需要全局安装,下面中的??-g???表示全局安装,install也可以简写为??i???。安装完成后,我们可以通过??vue --versioon???检查是否安装成功。除了npm安装外,我们也可以使用??yarn???,需要注意的是,yarn的添加是使用??add??而不是install。

npm install -g @vue/cli;

创建项目命令后面跟的是项目名称,但是我们需要注意的是,项目名中不能有大写字母。使用cmd执行创建命名后,因为我已经工作一段时间了,所以我选择第三个手动项目配置,enter后第二个可以默认选择,然后选择??preview???后,enter后,进入代码检验的选择,??ESLint??可以选择默认的。检测代码可以选择保存时检测。为了以后创建项目方便我们可以选择专门的配置文件中存放配置信息,这样以后直接选择这个配置就行。选择后输入这次配置的名字,然后enter后就会创建脚手架项目。创建成功后,会提示以下命令。将生成的ip复制到浏览器中,打开后就看到一个大的vue的logo,此时基础的项目就启动成功了。

cd demo
// 生成访问地址
npm run serve

如果想查看一些可选项,可以使用??vue create --help???。选项说明中有忽略提示符以及安装依赖和git初始化等相关配置。前面我们创建成功的自定义脚手架配置如何删除,删除的方式就是在操作系统的用户目录中去找??.vuerc???文件,然后将文件中的??presets??中

文章来源:https://blog.csdn.net/wjianwei666/article/details/135496153
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。