yarn基础教程


一、Yarn 是什么?

Yarn 对你的代码来说是一个包管理器,是一个快速、可靠、安全的依赖管理工具。它可以让你使用并分享全世界开发者的(例如 JavaScript)代码。

代码通过 包(package) (或者称为 模块(module)) 的方式来共享。 一个包里包含所有需要共享的代码,以及描述包信息的文件,称为 package.json 。

二、Yarn 安装

推荐使用 npm 的方式安装 Yarn,安装命令如下:

npm install yarn -g

安装后检查安装是否成功:

yarn --version

三、使用方法

1.初始化新项目

yarn init

2.添加依赖包

yarn add [package]
yarn add [package]@[version]
yarn add [package]@[tag]

3.将依赖项添加到不同依赖项类别中

分别添加到 devDependencies、peerDependencies 和 optionalDependencies 类别中:

yarn add [package] --dev
yarn add [package] --peer
yarn add [package] --optional

4.升级依赖包

yarn upgrade [package]
yarn upgrade [package]@[version]
yarn upgrade [package]@[tag]

5.移除依赖包

yarn remove [package]

6.安装项目的全部依赖

yarn

或者

yarn install

7.Yarn 和 npm 命令对比

Yarnnpm
yarn initnpm init
yarn install/linknpm install/link
yarn add webpacknpm install webpack —save
yarn remove webpacknpm uninstall webpack —save
yarn add webpack —devnpm install webpack —save-dev
yarn upgrade webpacknpm update webpack —save
yarn global add webpacknpm install webpack --global
yarn publish/login/logoutnpm publish/login/logout
yarn run/testnpm run/test
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Vue 3 是一款流行的 JavaScript 框架,用于构建交互式的用户界面。下面是一个简单的 Vue 3 入门基础教程: 1. 安装 Vue 3:你可以通过使用 npmyarn 在你的项目中安装 Vue 3。在命令行中运行以下命令来进行安装: ``` npm install vue@next ``` 或者 ``` yarn add vue@next ``` 2. 创建 Vue 实例:在你的 HTML 文件中,引入 Vue 库,并创建一个新的 Vue 实例。可以在实例化时指定选项对象来配置 Vue 实例。例如: ```javascript <html> <head> <script src="https://unpkg.com/vue@next"></script> </head> <body> <div id="app"> {{ message }} </div> <script> const app = Vue.createApp({ data() { return { message: 'Hello, Vue 3!' }; } }).mount('#app'); </script> </body> </html> ``` 3. 数据绑定:Vue 3 支持使用双大括号语法将数据绑定到 HTML 模板中。在上面的示例中,`message` 数据绑定到了 `<div>` 元素中。 4. 计算属性:Vue 3 还提供了计算属性的特性,用于在模板中动态计算一些值。可以通过定义 `computed` 对象来创建计算属性。例如: ```javascript const app = Vue.createApp({ data() { return { firstName: 'John', lastName: 'Doe' }; }, computed: { fullName() { return this.firstName + ' ' + this.lastName; } } }).mount('#app'); ``` 在模板中,你可以直接使用 `fullName` 计算属性。 这只是一个简单的入门教程,Vue 3 还有很多其他功能和概念,例如组件、指令、事件处理等。你可以查阅 Vue 3 的官方文档以获得更详细的了解和学习资源。祝你学习愉快!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

奔跑吧邓邓子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值