vue依赖包管理工具Yarn的初步使用

最新推荐文章于 2023-07-05 22:00:00 发布

let us fly

最新推荐文章于 2023-07-05 22:00:00 发布

阅读量1.4k

点赞数

本文链接：https://blog.csdn.net/server_404/article/details/106214903

版权

序：‘因为npm的版本控制不够精确，所以采用yarn这一个可
以固定依赖的包管理工具用于项目’

作用：固化依赖包的版本，实现在不同环境下不出现依赖问题的错误。
根本原因：npm的版本控制不够精准容易出错。

安装
npm install -g yarn

淘宝镜像
yarn config set registry https://registry.npm.taobao.org

实现项目依赖
已搭建好的项目，在项目中执行yarn或yarn install

创建项目时使用yarn搭建
目前只在vue-cli3之中创建vue项目后会出现以下提示：
Pick the package manager to use when installing dependencies:
Yarn
Npm
选择Yarn即可。

如安装后出现以下报错

解决方法：
在window中搜索powershell，右键以管理员身份运行

执行：set-ExecutionPolicy RemoteSigned

输入Y或者A 回车

关闭命令窗口
到编辑器再执行yarn

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

let us fly

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue管理系统框架源码，快速搭建前端管理系统

02-19

总结来说，"vue管理系统框架源码"基于Vue.js框架，结合Vue CLI、Vuex、Vue Router等工具，能快速搭建出功能完善的后台管理系统。开发者只需要熟悉这些技术，就能灵活地构建和扩展项目，满足各种业务需求。

Vue从入门到实战5

qq_47913347的博客

10-30

577

Vue从入门到实战5

参与评论您还未登录，请先登录后发表或查看评论

vue项目创建三种方式（初学推荐）

kuailexxyy的博客

05-31

835

方式一使用power shell 创建新建文件夹 ---------- 地址栏输入 powershell 使用cmd 创建新建文件夹 ---------- 地址栏输入 cmd vue init webpack demo_name Project name demo_name -------------- 项目名称 Enter Project description (A Vue.js project) -------------- 项目描述 Enter Author 小童 ..

vue-脚手架安装与安装失败解决方法

25氪

07-08

2237

安装装包 yarn global add @vue/cli 创建项目 vue create 项目名根据向导配置项目推荐选择默认配置「Default ([Vue 2] babel, eslint)」以下是手动配置的演示 ? Please pick a preset: Manually select features # 选择手动 ? Check the features needed for your project: Choose Vue version, Babel, C

第2章项目构建 - 2.4 项目创建 - 2.4.1 命令构建项目

u011645099的博客

11-06

443

本书采用dart-sass，选择后按回车键即可。”，表示vue3-element-plus-admin项目构建成功，之后可根据指令进入项目，并执行npm run serve指令运行项目。vue create是固定语法，vue3-element-plus-admin是自定义的项目名称，也是生成的目录名称，按回车键后稍等一会儿便会进入下一步动作。（2）Please pick a preset: (Use arrow keys)：“请选择预设类型：（使用箭头选择）”，我们选择“自定义选项安装”，并按回车键。

教你如何使用Vue-cli创建一个Vue项目流程

三拾的博客

01-30

2674

教你如何使用npm快速创建一个vue项目

icoffee-vue:“ icofee-admin”初步项目对应的前端项目“ icoffee-vue”

03-05

开发者可能通过npm或yarn安装依赖，并使用Vue CLI或手动配置Webpack来构建和打包项目，以便于在浏览器中运行和部署。总的来说，"icoffee-vue"项目展示了Vue.js与Element UI结合在企业级后台管理系统的应用，体现了...

基于VueCLI3快速生成Vue项目的初步封装组装或必要的零件开箱即用

08-12

VueCLI3是Vue.js官方提供的一个脚手架工具，它极大地简化了Vue项目的初始化和配置过程，让开发者能够快速地创建一个具备基本功能的项目结构。"基于VueCLI3快速生成Vue项目的初步封装组装或必要的零件开箱即用"这个...

vue到vue3的个人学习资料

09-27

在学习Vue.js的过程中，...通过本文所提供的学习资料，读者可以初步了解Vue.js到Vue 3的过渡，Webpack的安装、配置和使用，以及Vue CLI在Vue项目中的运用。这将为前端开发者提供一个较为完整的Vue项目开发和配置参考。

记一次umi开发后台管理系统的基础使用

01-08

【vue框架】 vue-cli从0开始搭建移动端vue项目框架（vscode版本）

我有满天星辰的博客

04-13

7276

github因为 rem 这个单位是要根据 html 的字号的变化而变化，那么html字号要如何才能变换呢？要么我们自己写媒体查询，根据不同的屏幕宽度给html设置不同的字号，但是这样就比较麻烦，因为移动端的屏幕特别多，要自己写媒体查询，就累到吐血，所以可以用别人写好的插件，自动根据屏幕大小来设置html的字号flexible 就是一种能根据屏幕自动设置html字号的插件。

前端工具-vue-cli

dandan_222的博客

01-21

308

vue脚手架简介快速生成项目基础架构安装 npm @vue/cli -g(全局安装) 使用: 1. 命令行命令: vue create vue-cli-study 选项: Manually select features(手动安装) Use history mode for router? (no 默认哈希路由) Pick a linter / formatter config: 选择ESL...

Vue ：在 VSCode 中安装 yarn 并用 yarn 工具来控制 Vue 项目的详细过程

狮子座的男孩

07-05

8961

`Yarn` 是 `facebook` 发布的一款取代 `npm` 的资源包管理工具，是一个快速、可靠、安全的依赖管理工具，一款新的 `JavaScript` 资源包管理工具(吐槽下：最大的弊端是，要通过 `npm` 来安装)；

Vue项目的创建、打包

逍遥在南方的博客

01-19

935

一、安装@vue/cli npm install --global @vue/cli -verbose 查看Vue版本 D:\MyWorkSpace\vue_project>vue --version @vue/cli 4.5.10 D:\MyWorkSpace\vue_project>vue -V @vue/cli 4.5.10 二、创建Vue项目 D:\MyWorkSpace\vue_project>vue create vuedemo1 ? Your connection to

【前后端分离必备】安装node.js和npm以及安装vue脚手架

qq_38361589的博客

05-28

1700

文章目录一、安装node.js二、新建项目HBuilderX开发一、安装node.js 1.官方下载node.js 链接: http://nodejs.cn/download/ 2.下载完成后默认安装在cmd输入node，如下图所示安装成功由于node.js默认配置了npm，所以不用单独下载和配置npm了，只要node.js安装成功，那么是直接可以使用npm命令来下载moudle的。 3.测试npm 输入npm -v

最详细使用vue-cli创建一个通用的vue项目模板

weixin_53452157的博客

03-25

2411

最详细使用vue-cli创建一个通用的vue项目模板

vue安装yarn_除了NPM，前端工程师应该知道的yarn知识

weixin_39631344的博客

11-23

626

yarn 是在工作中离不开的工具，但在工作中，很多人基本只会使用 yarn install，而且会手动删除 node-modules，或删除 yarn.lock 文件等不规范操作。本文将从一些基础的知识点开始介绍，循序渐进的让你对 Yarn 有一个更深入的了解，来保证规范的使用yarn，避免一些隐藏bug的产生。本文主要介绍以下知识：什么是registry依赖的版本含义及写法依赖类型及区别(de...

vue 如何使用yarn

qq_27009517的博客

01-10

4794

1全局安装yarn npm i -g yarn cmd 管理员打开，webstorm的terminal可能不行。 2.安装yarn的淘宝镜像 yarn config set registry https://registry.npm.taobao.org 3.安装项目依赖 yarn install 这一步可以在webstorm的terminal了 4.开发 yarn run dev 5.打包 yarn run build 查看版本 yarn -V ...

为什么放弃npm而使用yarn

qq_22187895的专栏

02-07

386

下载速度慢: 因为npm 安装插件是从国外服务器中进行下载，远远不如国内服务器下下载快，为了解决这一痛点，淘宝团队做了国内版的 npm 叫做 cnpm ,并且对 npm 做了镜像，我们只需要全局安装 cnpm ，并且registry 成淘宝的镜像文件，这一波操作极大了解决了下载速度的问题。npm 在执行 npm install 的时候，命令行里会不断地打印出所有被安装上的依赖，大量无用冗余信息，而yarn在安装过程只会打印出必要的信息。同一个项目，安装的无法保持一致性。安装特定版本号的项目依赖。

yarn安装vue源码依赖包