vue3.0 CLI-1-npm安装和初始化介绍教程

请为节点准备您自己的开发环境

安装npm install -g @vue/cli后，命令行上有vue命令。

查看本地Vue版本vue -h输出帮助

Vue create project-name进入项目文件夹并创建项目。

例如，cd studyVue(进入项目文件夹)vue create config(创建配置项目)

选择默认配置项目。下面没什么好介绍的。你自己试试。

以下描述了选择手动选择功能的相关过程(使用上下箭头键切换选项-回车键确认选择-下同)

该配置项：选择项目所需的特性(允许您在项目中选择插件)

巴别塔-代码转换工具；TypeScript——微软生产的js的超集；PWA-渐进式网络应用；路由器-路由功能；vuex-中央集权国家管理；CSS-css处理器；代码美化和检查；单元测试——单元测试；E2E测试-端到端测试。

作为一个有抱负的人，让我们选择他们所有人，在未来慢慢学习。(空格键选择-下同)

按回车键确认后，我们可以看到我们在前面的配置项中选择了什么。

该配置项：是否使用类样式的组件语法，选择是。

为此配置选择“是”。

这个配置项：是否使用历史模式(我后面会介绍这个模式的含义——官网也有介绍)，选择NO。

这个配置项：选择css预处理器(我从来没有用过css预处理器)，选择任意一个。

该配置项：选择代码美化，检查配置。在这里选择标准配置(我也没用过，先选一个)。

该配置项：选择要检查美化相关配置的代码。两个都选。

该配置项：选择单元测试解决方案。选摩卡(我也没用过，选人多的)。

此配置项目：选择端到端测试解决方案。选择守夜人(我不明白，读者自己选)。

该配置项：选择上述所有配置的存储位置。它们曾经放在package.json (webpack使用习惯)中，另一个是vue 3.0中保存配置的新方式，使得配置项更加简洁。选择在专用配置文件中。

该配置项：将上述所有配置过程保存为默认配置过程。(也就是说，个人设置意味着未来新项目默认采用这些配置。).选择是。

稍后会要求您命名此配置项目。我键入nDosVue。

之后，自动工程配置开始。可以在1分钟内配置。

Npm运行服务打开网站；Cd配置进入配置文件夹。至此，vue创建的第一个项目完成。

生成的目录如上所示。

摘要

以上是边肖介绍的关于vue3.0 CLI-1-npm安装和初始化的入门教程。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！