如何搭建项目+如何安装yarn+npm 与 yarn 常用命令对比

一、如何搭建项目

• 选好一个文件夹，在地址栏输入cmd，进入命令行模式
• 输入 vue create &t;项目名称>
• 接下来依次选择

1. Babel 很重要，涉及到项目的代码兼容性配置，建议勾选
2. typescript 你如果已经学会了ts就勾选，如果还没学会就不用
3. PWA（Progressive WEB APP）这个渐进式网络应用，涉及桌面添加图标，以及离线应用等等，一般用不上
4. router 很重要，除非你的项目只有一个页面
5. vuex 很重要 数据管理中心，项目有公用数据基本都得使用
6. css pre-precessors 是否使用样式预编译器 ，less，sass ，建议勾选
7. linter/Formatter 涉及eslint检测和eslint标准的选择，为了让整个项目的代码风格保持一致，建议勾选
8. unit testing 单元测试
9. e2e testing 端到端的测试，极少有公司会使用

• 选择vue的版本号 vue2 或者vue3
• 是否允许对class和style绑定数据，推荐允许，这样做将更加自由路由模式,
• 是否选择history模式，路由模式分为history和hash模式两种，
• 将配置文件放在哪儿？ 一般来说都是在package.json文件夹中
• 是否保存上面的配置，再次确认，如果你配错了，就选择no剩下的就按回车，
• 等待项目的搭建通过yarn serve 或者 npm run serve 就可以启动整个项目

二、如何安装yarn

1. 什么是yarn

 yarn 是由 Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具，yarn 是为了弥补 npm 的一些缺陷而出现的。

 nodejs下载安装：

在 node.js 官网里推荐选择 LTS (长期支持)版本，可在命令行用node -v 查看node的安装版本。顺便 npm -v 查看npm的版本号。

 yarn的安装并查看版本:  

npm install -g yarn

yarn --version

npm存在的一些不足：

npm install 下载速度慢，即使是重新 install 时速度依旧慢

同一个项目，安装的无法保持一致性。原因是因为 package.json 文件中版本号的特点导致在安装的时候代表不同的含义。

使用 npm 安装多个 js 包时，包会在同一时间下载和安装。安装过程中，其中一个包抛出了一个异常，但 npm 会继续安装其他包，所以错误信息就会在一大堆提示信息中丢失掉，以至于直到执行前，都不会发现实际发生的错误。

Yarn的优点：

安装速度快 (服务器速度快 , 并且是并行下载)

版本锁定，安装版本统一

缓存机制，如果之前已经安装过一个软件包，用Yarn再次安装时之间从缓存中获取，就不用像npm那样再从网络下载了

输出简洁并且多注册来源处理。安装包时，直观地打印出必要的信息；不管包被不同的库间接关联引用多少次，只会从一个注册来源去装，防止出现混乱不一致。