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



前端进阶之路漫漫，总要留点儿痕迹

脚手架3快速搭建

安装完node后，安装vue脚手架

1. npm install -g @vue/cli@版本号（如已安装请忽略）；

2. 创建项目： vue create <project name>；

3. default（babel，eslint）默认

Manually select features 手动选择；

4. 提示选择一个preset（预设）：

如果没有配置保存过，则只有以下两个选项：

① default（babel，eslint）：默认设置（直接enter）非常适合快速创建一个新项目的原型，没有带任何辅助功能的 npm包

② Manually select features：自定义配置（按方向键 ↓）是我们所需要的面向生产的项目，提供可选功能的 npm 包

若此前保存过预设配置则可以直接enter使用。

5. 选择插件

通过↑ ↓ 箭头选择你要配置的项，按空格是选中，按 a 是全选，按 i 是反选。

6. 选择完后直接enter，然后会提示你选择对应功能的具体工具包，选择自己擅长或者使用广泛的（方便问度娘）；

①是否使用history router：

Vue-Router 利用了浏览器自身的hash 模式和 history 模式的特性来实现前端路由（通过调用浏览器提供的接口）。

建议选n。这样打包出来丢到服务器上（尤其是多服务器多项目部署比较方便）可以直接使用了，后期要用的话，也可以自己再开起来。

选yes的话需要服务器那边再进行设置。

② css预处理器：

主要为css解决浏览器兼容、简化CSS代码 等问题。其一，选择element官网推荐的scss；其二，node-sass是自动编译实时的，dart-sass需要保存后才会生效。

③ ESLint：

提供一个插件化的javascript代码检测工具，ESLint + Prettier，使用较多

④ 何时检测：

及时发现问题比较好，大佬看心情。

⑤ 单元测试 ：

⑥ 如何存放配置文件 ：

如果是选择 独立文件放置，项目会有单独如下图所示的几件文件。

⑦ 是否保存本次配置（y:记录本次配置，然后需要你起个名; n：不记录本次配置）：

⑧ 等待：

搭建完成：

8. cd到该文件夹，运行即可

9. 运行项目；

版权声明：

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

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