vue2 Yarn安装vue-cli

已于 2023-11-16 08:43:53 修改
阅读量435 收藏 1
点赞数
文章标签： vue.js javascript npm yarn
于 2023-04-03 14:04:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45156819/article/details/129928007
版权
该文指导用户在Ubuntu上安装Node.js和npm，然后升级到稳定版，接着安装yarn并设置全局忽略引擎检查。之后，文章演示如何全局安装VueCLI并验证版本，最后通过vue-cli初始化并创建一个新的Vue.js项目。
摘要由CSDN通过智能技术生成

安装nodejs

sudo apt install nodejs

安装npm

sudo apt install npm

升级nodejs

sudo npm install n -g
sudo n stable

安装yarn

npm install -g yarn
sudo yarn config set ignore-engines true

安装vue-cli

sudo yarn global add @vue/cli
vue -V

初始化 vue-cli

sudo npm i -g @vue/cli-init

新建项目

vue init webpack my-project
浮光掠影00
关注
Vue-cli(脚手架)安装
Cccy1567的博客
07-24 770
新手整理搭建vue脚手架，根据多篇博客自己整理以方便查阅
安装vue-cli&使用vue-cli搭建项目
qq_64001795的博客
09-26 4988
vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板。xxx 为自己创建项目的名称必须先安装vue,vue-cli，webpack，node等一些必要的环境*.vue 文件，是一个自定义的文件类型，用类似HTML的语法描述一个Vue组件。每个.vue文件包含三种类型的顶级语言块 , 和 。这三个部分分别代表了 html,js,css。
yarn安装vue-cli
weixin_45974277的博客
09-07 3268
yarn依赖node.js 所以安装前确认node已安装并生效.node -v验证是否生效 如果是第一次安装，进yarn官网:https://yarnpkg.com/zh-Hant/ 直接选win下msi稳定版安装包 下载安装 安装后 yran -v 验证安装是否生效 如果第一次安装vue-cli，则在cmd下运行 yarn global add vue-cli 然后验证vue是否下载到本地 yarn global list 最后直接vue -V验证 vue -V 然后切换到.
脚手架搭建，用yarn安装vue-cli
最新发布
choi_yisoo的博客
03-12 661
会自动配置到环境变量。安装完用以下命令可以检查是否安装成功。
在win环境下使用yarn安装 vue-cli
txl910514的专栏
07-27 3301
1、什么是yarn 很多人熟悉npm，但是很少的人熟悉yarn，yarn可以说是一款高速的受BSD开源协议保护的依赖管理器，使用它可以根据算法计算下载依赖的完整性来执行对应的代码，其中文官网为：https://yarn.bootcss.com/ 有兴趣可以仔细参阅。 2、安装yarn 2.1、常规node安装 npm install -g yarn || cnpm install...
安装yarn后安装vue-cli
weixin_43617604的博客
11-24 2597
1.安装yarn后安装vue-cli 步骤 yarn依赖node.js 所以安装前确认node已安装并生效 node -v验证是否生效 进yarn官网:https://yarnpkg.com/zh-Hant/ 直接选win下msi稳定版安装包 下载安装 安装后 yran -v 验证安装是否生效 新版的yran不用配置path直接生效 安装vue-cli yarn global add vue-cli 验证vue是否下载到本地 yarn global list 最后直接vue -V验证
vue-cli-plugin-electron-builder-适用于Electron的Vue CLI 3插件，无需使用Electron Builder的必需配置。-Vue.js开发
05-27
然后，通过运行以下命令安装并调用vue-cli-plugin-electron-builder的生成器：vue add electronic-builder就是这样！ 您准备好出发了！ 要启动开发服务器，请执行以下操作：如果您使用Yarn（强烈建议使用）：yarn ...
vue-cli-plugin-mock:vue-cli3插件模拟
05-26
yarn add vue-cli-plugin-mock 用vue-cli3安装 vue add vue-cli-plugin-mock 示例应用 用法 编写一个入口文件。 例如./mock/index.js 模拟代码示例一 const mockMap = { 'GET /api/user' : { // obj id : 1 , ...
vue-cli-plugin-element-Vue CLI 3插件，可在几秒钟内用element-ui构建企业应用程序-Vue.js开发
05-27
vue-cli-plugin-element可以在几秒钟内使用vue-cli和element-ui快速构建企业应用程序。 该项目不仅是vue-cli插件，而且是vue-cli-plugin-element，可在几秒钟内使用vue-cli和element-ui快速构建企业应用程序。 该...
vue--cli-plugin-vue2gc:vue2组件生成器
05-24
vue invoke vue-cli-plugin-vue2gc 组件 生成的组件将自动转化为大驼峰命名方式并导出，默认文件目录为 src/components。 npm run gc test-component or yarn gc test-component 上面命令会生成一个包含三个文件的...
vue-cli升级
weixin_39249427的博客
03-02 461
把原先的卸载后再重新安装 关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。 Node 版本要求 Vue CLI 需要 Node.js 8.9 或更高版本 (...
升级vue-cli
low神
11-16 923
关于旧版本 如果你已经全局安装了旧版本的vue-cli(1.x 或 2.x)，你需要先通过npm uninstall vue-cli -g或yarn global remove vue-cli卸载它。 然后就可以使用下列任一命令安装这个新的包： npm install -g @vue/cli # OR yarn global add @vue/cli 如果报错了，可能就是权限...
Vue之cli安装
HelloWord182的博客
06-30 366
四、cli （ 王者 ） 什么是cli? cli是vue提供的一个用来快速构建项目环境的一个工具，底层使用的是webpack cli目前有哪些版本？ cli2 cli3 cli3对电脑的配置有一定要求 cli如何使用？ cli的安装 npm/cnpm/yarn 都可以使用 $ yarn add @vue/cli global 这个是cli3的版本 如果我们还想使用cli...
使用yarn安装vue-cli提示‘vue‘ 不是内部或外部命令
weixin_62273193的博客
10-16 1714
使用yarn安装vue-cli提示'vue' 不是内部或外部命令 一般情况是 环境变量问题，可以参考下面的方式 解决
使用Yarn全局安装@vue/cli，无法执行vue命令的解决方案
匿迹
06-09 4467
使用Yarn全局安装@vue/cli，无法执行vue命令的解决方案使用Yarn全局安装@vue/cli，无法执行vue命令的解决方案 使用Yarn全局安装@vue/cli，无法执行vue命令的解决方案 问题描述：使用Yarn按照vue-cli官网的教程安装了vue-cli之后，发现无法执行vue命令，自然也就无法通过vue create命令初始化一个项目。 解决方案：将Yarn全局安装的路径加入到环境变量中。 查找Yarn的全局安装路径。通过命令yarn global dir即可知道yarn全局文件所放置
@vue/cli （二）安装
mutouren_abc的博客
07-08 210
可以使用下列任一命令安装这个新的包： 安装之后，你就可以在命令行中访问 vue 命令。可以通过简单运行 vue， 看看是否展示出一份所有可用命令的帮助信息，来验证它是否安装成功。你还可以用这个命令来检查其版本是否正确： 升级 如果需要升级全局的 Vue CLI 包，请运行： 项目依赖 上面列出来的命令是用于升级全局的 Vue CLI。如需升级项目中的 Vue CLI 相关模块（以 @vue/cli-plugin- 或 vue-cli-plugin- 开头），请在项目目录下运行 vue-up
nodejs、yarn、vue/cli脚手架的安装以及踩到的坑
qq_43634655的博客
02-02 1172
nodejs、yarn、vue/cli脚手架的安装以及踩到的坑
vue-cli创建项目选择yarn或者npm的问题
{竹子}
04-15 3475
使用vue-cli创建项目的时候，用以下命令： vue create [projectName] 首次创建的时候，会让你选择创建工具，yarn和npm其中一个 如果你选择了 Use Yarn，那么会保存一个配置文件在C盘的用户目录下，比如我的C:\Users\Administrator\下会有一个文件.vuerc 你选择创建工具后，会将选择的参数保存在.vuerc中。如果我们想更改创建工具，那就修改.vuerc文件。 { "useTaobaoRegistry": false, "packageM
vue安装依赖报serve: `vue-cli-service serve`
热门推荐
似水流年，是谁苍白了等待
10-26 2万+
问题 问题原因： 下载依赖的的仓库没有被授权或者自己设置的下载依赖地址不对，导致依赖下载不下来。 解决办法 1.删除项目中原有的依赖，将整个文件夹删掉：“node_modules ” 执行命令 npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver 2.再次执行npm install 下载完成 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值