使用yarn代替npm构建Vue项目_yarn vue-程序员宅基地

技术标签: yarn创建vue项目  使用yarn代替npm构建Vue项目  yarn  Yarn  

看到这个标题的时候,相信有些小伙伴会带有疑问,为什么明明可以使用npm来构建vue项目,现在却偏偏要使用yarn呢?
最简单最直接的原因是因为它快!并且要比你用npm快很多!
如果你想了解的更全面,我们来看yarn官方给出的解释

Yarn 是一个依赖管理工具。它能够管理你的代码,并与全世界的开发者分享代码。Yarn 是高效、安全和可靠的,你完全可以安心使用。
Yarn 能够让你使用其他开发者开发的代码,让你更容易的开发软件。如果你在使用中发现任何问题,欢迎发 issue 或者贡献代码,一旦问题被修复,你就可以继续使用 Yarn 战斗了。
代码是通过包(有时也被称为模块)进行共享的。 在每一个包中包含了所有需要共享的代码,另外还定义了一个 yarn.json 文件,用来描述这个包。

yarn的特点:快,安全,可靠

    速度超快。
    Yarn 缓存了每个下载过的包,所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率,因此安装速度更快。
    超级安全。
    在执行代码之前,Yarn 会通过算法校验每个安装包的完整性。
    超级可靠。
    使用详细、简洁的锁文件格式和明确的安装算法,Yarn 能够保证在不同系统上无差异的工作。

下面简单介绍一下yarn的使用,以及如何使用yarn来构建一个vue项目
一、yarn的安装
1、和npm类似,在使用yarn之前必须确认系统已经安装好node.js,如果没有,请先安装node.js!安装好了输入node -v查看版本
2、如果node.js安装好了,那么可以根据官方给出的文档进行yarn的安装

使用yarn的好处:https://blog.csdn.net/csdn_yudong/article/details/82015885
3、如果你是windows系统,推荐你使用下载 .msi 文件的方法进行yarn的安装(方案一)

不过我觉得这三种方法都不好用,快速好用的安装方法应该还是使用 npm 来安装:(方案二)

npm install -g yarn

关于为什么使用 -g,以及 -g 会带来哪来影响,这个可以看我的这篇文章:npm详细介绍,里面详细介绍了为什么要使用 -g,以及 -g 的作用。

4、在命令行输入 yarn --version 确认是否安装成功

二、构建vue项目
1、全局安装vue脚手架 npm install -g vue-cli ,因为之前已经使用此命令全局安装过了,详情参见:https://blog.csdn.net/muzidigbig/article/details/80490884 所以这里使用 vue init webpack yarn2 直接创建一个基于 webpack 模板的新项目,并将之命名为 yarn2,注意不建议使用带-名称的项目名!
2、在命令行输入 vue init webpack yarn2 后,会出现一系列提示信息,根据你的需求进行选择就好


3、上述操作完成后,切换到项目根目录中:cd yarn2

4、安装项目的依赖:yarn/yarn install

5、运行项目:yarn start/yarn run dev

生成的项目目录中多了一个yarn.lock的文件,这个文件中主要是配置的package.json中的依赖信息,yarn生成的依赖包存储在node_modules中

 

npm与yarn比较:

Yarn 独有的命令:

    yarn licenses ls —— 允许你检查依赖的许可信息
    yarn licenses generate —— 自动创建依赖免责声明 license
    yarn why taco —— 检查为什么会安装 taco,详细列出依赖它的其他包
    yarn why vuepress —— 检查为什么会安装 vuepress,详细列出依赖它的其他包
 

 

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/muzidigbig/article/details/85090028

智能推荐

gdb源代码文件目录修改_gdb 更改代码目录-程序员宅基地

文章浏览阅读5.8k次。今天用gdb查看core文件,发现找不到源文件。记录一下相关命令在gdb里面查看源码,list 一下提醒找不到相关文件,列出来的是绝对路径的完整文件名。help files 看一下帮助,可以加载符号,源文件等,自己看一下。dir 设置源码路径无效,show directories 看到设置成功,但是还是找不到文件。应该是绝对路径的问题。因为igcc 根据你_gdb 更改代码目录

【Python】Python 打印和输出更多用法。-程序员宅基地

文章浏览阅读251次。Python 打印和输出简述在编程实践中,print 的使用频率非常高,特别是程序运行到某个时刻,要检测产生的结果时,必须用 print 来打印输出。关于 print 函数,前面很多地方已经提及过,可用于写入标准输出。现在,是时候该深入了。注意:这里强调的是“print 函数”,而不是“print 语句”。深入 print在 Python 2.x ..._python 聚合函数打印会多打印出源语句

chariot iperf使用_iperf知识点-程序员宅基地

文章浏览阅读94次。1、多线程问题:但是,有时你将需要使用多台拥有各自Wi-Fi适配器的笔记本来模拟几个不同位置用户体验的性能。这是因为在同一个笔记本上运行的多线程仍然共享同一个Wi-Fi适配器上的占 用时间。2、另外一方面,如果你的笔记本上拥有多个激活的适配器,你可以使用IP地址(-B IPAddress)将iPerf客户端绑定到一个适配器上。这个对于同时连接到Ethernet和Wi-Fi(3G、Wi-Fi)的多连..._chariot management ip

电脑实用技巧-程序员宅基地

文章浏览阅读2.9k次,点赞6次,收藏10次。2020.2.7 16::49一:查看WiFi密码这个技巧可以查看电脑连接过的所有WiFi密码,记住,是所有密码,去年的,今年的,只要是电脑连接过的,都可以查看。win+r ---> cmd ---> netsh wlan show profiles ---> 回车 用户配置文件就是你的电脑上曾经连接过的WiFi名称再输入net...

haddop安装_假设haddop安装目录为/usr/local/sec,haddop的配置文件目录是-程序员宅基地

文章浏览阅读339次。所有的配置均在: /usr/local/Cellar/hadoop/3.3.0/libexec/etc/hadoop下。控制我们的从节点在哪里 datanode nodemanager在哪些机器上。核心配置文件,主要定义了我们文件访问的格式 hdfs://配置我们的resourcemanager资源调度。主要定义我们的mapreduce相关的一些配置。指定Java环境:hadoop-env.sh。主要定义配置我们的hdfs的相关配置。主要配置我们的java路径。格式化hdfs文件系统。..._假设haddop安装目录为/usr/local/sec,haddop的配置文件目录是

Linux 用户权限_linux 授权-程序员宅基地

文章浏览阅读7.4k次,点赞12次,收藏27次。默认的ACL权限的作用是:如果个父目录设定了默认ACL权限,那么父目录中所有新建的子文件都会继承父目录的ACL权限。这个SUID只能运行在二进制的程序上(系统中的一些命令),不能用在脚本上,同样也不能放到目录上,放上也是无效的。设置了预设型ACL的目录,其下的所有文件或者子目录就都具有了主目录的ACL权限,并且子目录也同样有预设的ACl权限。任何用户都可以执行,而sudo是认用户名的,不是任何操作都可以执行的,更加精准。读 ——》命令:cat,vim,grep,head,tail,more,less等。_linux 授权

随便推点

IEDA的安装与配置-程序员宅基地

文章浏览阅读1.7k次。1、安装IDEA的下载与安装较为简单,傻瓜式操作,所以这里就不加赘述。2、配置JDKIDEA的使用首先要安装JDK,JDK的安装和环境变量配置这里就不赘述了,配置好环境变量后,点击configure下的Project Defaults的Project Structure。选择Project--点击New,选择JDK安装目录。3、Tomcat配置创建一个JavaWeb..._ieda

基于ssm+vue.js+uniapp小程序的OA办公系统附带文章和源代码设计说明文档ppt_uniapp oa系统-程序员宅基地

文章浏览阅读639次,点赞16次,收藏21次。博主介绍:CSDN特邀作者、985计算机专业毕业、某互联网大厂高级全栈开发程序员、码云/掘金/华为云/阿里云/InfoQ/StackOverflow/github等平台优质作者、专注于Java、小程序、前端、python等技术领域和毕业项目实战,以及程序定制化开发、全栈讲解、就业辅导、面试辅导、简历修改。精彩专栏 推荐订阅2023-2024年最值得选的微信小程序毕业设计选题大全:100个热门选题推荐2023-2024年最值得选的Java毕业设计选题大全:500个热门选题推荐。_uniapp oa系统

Cocos Crator开发攻略,小游戏开发全过程_cocos 放置类游戏制作-程序员宅基地

文章浏览阅读1.5k次,点赞4次,收藏17次。COCOS微信小游戏开发完整记录 -> 结尾有惊喜背景因为我个人喜欢游戏,一直想做一小游戏,但是一直拖着,没时间做,现在终于在周末空闲时间做了一个微信小游戏。第一次写技术文章,篇幅可能较长,但是自我感觉干货满满,如果有不好的地方希望小伙伴们多多提出意见,内含游戏核心数值设计的全过程。如果你正准备做游戏开发,或者不知道怎么下手,希望本文能为你带来一定的收获废话不多说,先上图看看效果,如果想先体验,可直接拖到底部目录游戏玩法介绍数值设计(砖块血量,玩家攻击,攻速等关系)开发过程_cocos 放置类游戏制作

取消挂载/home时出现umount: /home: device is busy,_kali中挂载光盘如何取消-程序员宅基地

文章浏览阅读1.1k次。取消挂载/home时出现umount: /home: device is busy,原因是因为有程序在使用/home目录,我们可以使用fuser查看那些程序的进程,然后杀掉就可以了。[root@localhost home]# fuser -m /home/home: 10278c 10279c 10280c 10281c 10282c 10295 10365 18222c命令:kill -9 pid其他还有很多命令:fuser -m /home # -m name 指定一个挂载文_kali中挂载光盘如何取消

The “freeze_support()“ line can be omitted if the program is not going to be frozen to produce an ex_the "freeze_support()" line can be omitted if the -程序员宅基地

文章浏览阅读1.7w次,点赞29次,收藏43次。PyTorch错误:The “freeze_support()” line can be omitted if the program is not going to be frozen to produce an executable.错误代码如下:RuntimeError: An attempt has been made to start a new process before the current process has finished its boots_the "freeze_support()" line can be omitted if the program is not going to be

异常转化问题: java.util.LinkedHashMap$LinkedValues cannot be cast to java.util.ArrayList-程序员宅基地

文章浏览阅读1w次,点赞5次,收藏3次。使用map中的的map.values()方法返回值,返回类型是Collection,后面在接收的时候使用List进行的强转,例如:public Collection<CartItem> getItems() { return map.values(); }List<CartItem> cartItemList = (ArrayList&..._java.util.linkedhashmap$linkedvalues cannot be cast to java.util.list

推荐文章

热门文章

相关标签