Vue CLI 4.x常用命令

最新推荐文章于 2024-04-02 05:41:29 发布
最新推荐文章于 2024-04-02 05:41:29 发布
阅读量179 收藏
点赞数
分类专栏： 前端 文章标签： vue.js npm javascript
原文链接：https://blog.csdn.net/qq443068902/article/details/121207152
版权
这篇博客介绍了如何利用新版Vue CLI（@vue/cli）进行项目安装、版本检查、项目创建、依赖安装、本地开发及构建。通过命令行工具，你可以快速搭建Vue.js应用，并使用vueui创建图形化配置界面。详细步骤包括全局安装CLI，创建项目，运行开发服务器和打包构建。
摘要由CSDN通过智能技术生成

新版Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。
1.安装

npm i -g @vue/cli
2.检查版本

vue -V
或者
vue --version
3.创建项目

4.vue create projectname

5.yarn install

6.yarn serve

7.yarn build
图形化界面

vue ui
————————————————
版权声明：本文为CSDN博主「iceboysoft」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq443068902/article/details/121207152

https://cli.vuejs.org/zh/guide/cli-service.html#%E4%BD%BF%E7%94%A8%E5%91%BD%E4%BB%A4

闻道☞
关注
专栏目录
vue-cli4.X快速搭建项目
BigFamer的博客
11-05 643
一、前言 最近，接到一个新项目，又换了新电脑，安装vue-cli快速搭建项目时，没指定版本，直接安装到了4.5.14版本，记录一下从安装脚手架到项目搭建的全过程。 二、安装vue-cli 2-1、指定版本安装 2-2、不指定版本安装（直接安装最新版本） 三、使用命令行搭建项目 3-1、 3-2、 3-3、 四、使用图形化工具搭建项目 五、说明 ...
安装Vue Cli4.x 和 Vue Cli2.x
诺梦Cui
08-10 630
安装 Vue Cli4.x版本 Vue Cli 官方文档 1、卸载以前安装的版本 npm uninstall vue-cli -g # OR yarn global remove vue-cli 2、安装Vue Cli4.x npm install -g @vue/cli # OR yarn global add @vue/cli 3、通过命令行查看版本号 vue --version 重点：通过 Vue Cli4.x 版本创建项目 a、运行以下命令来创建一个新项目 vue create hello-w
Vue-CLI 4.x 自动部署项目至服务器
04-01
使用 scp2+cross-env 自动化上传部署 scp2是一个基于ssh2增强实现，纯粹使用JavaScript编写。 而ssh2就是一个使用nodejs对于SSH2的模拟实现。scp，是secure copy的缩写, scp是Linux系统下基于SSH登陆进行安全的远程文件拷贝命令。这里我们就用这个功能，在Vue编译构建成功之后，将项目推送至测试/生产环境，以方便测试，提高效率。
vue-cli@4.x快速原型开发功能
qq_40147756的博客
09-22 209
vue-cli 快速原型开发功能介绍和使用
如何安装和vue-cli4.x
bin_2659017380的博客
05-22 349
一、如果你已将安装了全局的vue-cli2.x 你需要以下操作 1、卸载vue-cli 2.x npm uninstall vue-cli -g 2、检查时候已经卸载 vue -V 如果出现不是内部或外部命令证明卸载成功 3、安装（创建vue3.x项目） 打开终端： 1）安装webpack-cli （因为vue是基于webpack的） npm install webpack-cli -g 2）安装vue-cli4.x脚手架 npm install @vue/cli -g 3、检测vue是否
vue-cli4.x的安装与使用
qq_46305940的博客
02-21 3409
介绍 Vue.js(读音 /vjuː/, 类似于view)是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。 Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。...
vuecli4.x+element搭建的基础框架
11-24
在本文中，我们将深入探讨如何使用`vue-cli@4.x`和`Element UI`搭建一个基础的前端项目框架，以及如何解决对Internet Explorer浏览器的兼容性问题。Vue CLI 4.x 是 Vue.js 官方提供的脚手架工具，用于快速初始化和...
vue-cli3.x 新特性及踩坑记
m0_60161060的博客
08-19 151
前言 vue-cli 都到 3.0.3 了，所以是时候玩转一下 vue-cli 3 的新特性了。 1. vue-cli 3.0.3 以下的安装都是在 macOS 的环境下进行的，当然在 windows 和 linus 下也同理。 1.1 安装 vue cli 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli...
Vue CLI 3.x的使用(1)
事非宜，勿轻诺；苟轻诺，进退错。
08-31 1633
Vue CLI v3.x官方教程：https://cli.vuejs.org/guide/ Vue CLI是快速构建Vue.js项目的完整系统，提供： - @vue/cli提供交互式项目构建脚手架； - @vue/cli+@vue/cli-service-global实现零配置快速原型； - 运行时依赖(@vue/cli-service)： - 可升级， - 最新web...
vue-cli 3.x中的开发调试技巧与工具
Vue-cli 3.x通过命令行工具和插件系统，提供了一些常用的功能和工具链，如Webpack、Babel、ESLint等，可以自动化处理构建、打包、调试等任务，极大地提高了开发效率。 ## 1.2. 为什么要使用vue-cli 3.x 使用vue-...
菜鸟的Vue-Cli 4.x学习总结
最强菜鸟
07-19 2859
菜鸟的Vue-Cli 4.x学习总结说明一、入门系列（1）vue-cli安装（2）快速原型开发（3）创建vue-cli项目（4）动态路由（1）路由配置（2）简单路由案例 说明 更新时间：2020/7/16 23:12，更新了整体vue-cli安装、快速原型开发、创建vue-cli项目以及动态路由的（1）（2）点 本文主要基于vue-cli官网进行学习，同时进行一些额外的补充，本文会持续更新，不断地扩充 本文仅为记录学习轨迹，如有侵权,联系删除 注意：本文主要基于vue-cli官网进行学习，地址：https:
安装vue cli_vuecli4.x安装与搭建
weixin_39816946的博客
12-13 862
1.概述vue-cli是一个官方发布vue.js项目脚手架，是一个基于Vue.js进行快速开发的完整系统可升级基于webpack构建，并带有合理的默认配置可以通过项目内的配置文件进行配置可以通过插件进行扩展2.安装安装Node(需要node版本>=8.9)下载LTS版本安装vue-clinpm install @vue-cli -g安装完成之后输入vue –V，如果出现相应的版本号...
关于安装Vue CLI 4，小白勿进
最新发布
m0_60607971的博客
04-02 996
node -v如有安装会显示出其安装node的版本，如下：如果没有安装，那就到node官网下载进行安装；安装完成后，或已经安装了，然后再执行以下命令，检查npm版本：npm -v显示结果如下图：我在查阅文章时，也有文章说可能是npm版本低的问题，我当时也不知道什么问题，也就顺便更新的一下，反正也不会影响什么，就试一试，于是从6.14.0更新到8.1.3版本；（我的原因不是这个问题，所以还是报错）如果你的电脑已经安装了node后，就可以直接安装@vue/cli。
vue-cli 3.x / vue-cli 4.x搭建项目
jstljspservlet的博客
09-04 2500
Vue Cli 3 官方文档：https://cli.vuejs.org/zh/guide/ 一、安装 @vue/cli 更新到 3.x 之后，vue-cli 的包名从 vue-cli 改成了 @vue/cli 如果之前全局安装了旧版本的 vue-cli (1.x 或 2.x)，首先需要使用以下命令卸载掉 // 如果没有安装旧版本的 vue-cli 可以跳过卸载直接安装（根据cmd命令 vue -...
Vue 命令行工具 Vue-CLI 详解
热门推荐
wgchen
04-21 2万+
阅读目录阐述vue全家桶vue-cliVue CLI 的安装① 默认安装 vue/cli 脚手架 3② 默认安装失败，解决mode版本问题③ nvm下载太慢问题解决④ 安装 Node ^12.0.0⑤ 从新安装 VueCli 脚手架 3④ 拉取 2.x 模板 (旧版本)⑤ 安装vue指定版本⑥ 博主node版本初始化项目① vue init命令讲解② 项目初始化③ 目录结构详解④ 运行项目node 安装适合小白1 去node官网下载2 下载完成后双击安装包，跳出安装弹窗，点击Next从新来过vue-cli
vue-cli系列之vue-cli自身引用了哪些包？持续更新中……
weixin_34342207的博客
01-13 569
概述 当vue-cli创建了一个vue-demo后，我们使用npm run serve就可以启动项目了。通过package.json中的serve命令我们可以看到，实际是启动了vue-cli-service serve这个命令。这个命令实际上是启动了一段node脚本，那这个脚本引用了哪些包呢？让我们来一探究竟。 semver 概述：这个包...
vue-cli的安装、卸载和升级
David_house的博客
03-28 4032
首先需要了解 关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先卸载它，具体卸载命令稍后给出。 node版本要求 Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上) npm命令 npm 是node的一个包管理工具，安装好了node.js，就安装了npm。安装好后可以在cmd（或者shift+鼠标右键打开powershell窗口）中执行
Vue CLI4.0最新版安装教程
chocolate_nan的博客
07-16 1619
关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。 注意点：Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。 1.你可以使用下列任一命令安装这个新的包： npm install -g @vue/cli 或者 yarn global add @
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值