前端进阶之路漫漫，总要留点儿痕迹
脚手架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. 运行项目；
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/146920.html