Vue-cli的安装及使用

最新推荐文章于 2024-07-04 13:22:24 发布
最新推荐文章于 2024-07-04 13:22:24 发布
阅读量136 收藏
点赞数
分类专栏： vue.js vue-cli 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/XWen_ING/article/details/109497273
版权

Vue-cli的安装

方法一：
npm install -g @vue/cli
yarn global add @vue/cli
在这里插入图片描述
检测版本：vue --version

vue-cli的基本使用

  1. vue create app_name（命令行）
  2. vue ui（图形化界面）

vue --help 检测vue提供哪些命令

1.vue create app_name（命令行）

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201104194635546.png#pic_center

2.vue ui（图形化界面）

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

保存以上的配置为新预设
在这里插入图片描述

棋炜的小宝贝
关注
专栏目录
安装vue-cli
测试开发架构师
03-28 140
安装vue-cli 一、vue-cli是什么 vue-cli是vue官方提供的脚手架工具，默认搭建好一个项目的基础架子，我们在其基础上进行相应的修改即可 下载模板地址：https//github.com/vuejs/vue-cli 或者全局安装vue-cli：npm install -g @vue/cli（建议全局安装，安装好后，在任何一个文件夹下面初始化项目都可以使用这个脚手架） 查看脚本是否安装成功 ...
vue-cli-plugin-vite：与vue-cli一起使用Vite Today
03-04
无需任何代码库修改即可直接使用的vue-cli项目。 目录 用法 vue add vite 插件的生成器将为相应的main。{js，ts}编写一些main.html ，因为vite需要html文件作为dev-server条目文件 动机 我们有很多现有的vue-cli...
Vue-Cli安装和配置（全）
qq_44709970的博客
02-21 4243
安装、配置、淘宝镜像、可能出现的问题
vue-cli安装vue步骤
最新发布
m0_74358570的博客
07-04 359
vue-cli安装vue步骤
VUE脚手架（vue-cli）安装
Hemameba的博客
07-12 1466
本篇文章主要用于介绍如何在计算机上安装VUE脚手架。
vue-cli 安装
m0_72674204的博客
09-26 421
npm全称 Node Package Manager，基于Node.js的包管理器，也是整个Node.js社区最流行、支持第三方模块最多的包管理器。在Vue项目中，网页不再书写html文件、CSS文件、js文件，都用后缀名为XXXX.vue文件代替。运行成功之后，在cmd中，再输入npm config list 查看是否设置成功。在终端，如果处于工作区目录下，可以通过 cd 项目名称，进入到项目所在的目录，在vue项目中，把一个vue文件，叫做单文件组件。插件3：vetur -- vue插件。
vue-cli的安装
夏小小的博客
07-17 1199
vue-cli的安装 1.安装github和node.js node自带npm，如果你想升级npm为最新，键入npm install npm -g “http://www.jianshu.com/p/03a76b2e7e00 npm install vue 3能查看vue的版本之后记得安装webpack” npm install webpack -g 2.
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
你可以在你的项目中使用vue-cli-service [command] 初始化配置 如果你的项目没有对应的文件，命令会生成vue.config.js 、 Views.json文件 多建 该命令将在上面生成配置的位置构建您的条目，您可
vue-cli系列之vue-cli-service整体架构浅析
12-07
vue启动一个项目的时候，需要执行npm run serve，其中这个serve的内容就是vue-cli-service serve。可见，项目的启动关键是这个vue-cli-service与它的参数serve。接下来我们一起看看service中主要写了什么东东（主要...
vue-cli中安装方法(图文详细步骤)
01-21
vue-cli 是vue.js的脚手架，用于快速自动生成vue.js+webpack的项目模板，这样大大降低了webpack的使用难度。下面是详细的安装步骤 vue-cli脚手架模板是基于node下的npm来完成安装的所以首先需要安装node 1、安装...
vue-cli-plugin-i18n:Vue CLI插件可将vue-i18n添加到您的Vue项目
05-11
:globe_with_meridians: vue-cli-plugin-i18n Vue CLI插件可将vue-i18n添加到您的Vue项目 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠...
Vue-vue-cli的安装
莫莫
06-19 801
Vue脚手架---vue-cli的安装安装vue-cli1. 安装node.js2. 全局安装nrm（用来切换下载源）3. 全局安装脚手架（vue-cli)4. 创建项目进入创建好的项目文件夹运行项目---不要关闭命令窗口浏览器运行---命令窗口会给出运行地址 安装vue-cli 1. 安装node.js 下载Node.js Node.js地址 键盘win+R键 打开运行，输入cmd 输入：node -V 查看版本，如果安装成功则可以查看 2. 全局安装nrm（用来切换下载源） npm i
vue安装或升级3.0
热门推荐
hlvy
10-30 4万+
关于旧版本 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 或更高版本 (推荐 8.11.0+)。你可...
vue-cli中安装方法
adai19850204的博客
11-07 2917
源：http://www.cnblogs.com/jn1223/p/6656956.html vue-cli中安装方法 vue-cli脚手架模板是基于node下的npm来完成安装的所以首先需要安装node 1、安装node，vue运行需要基于npm一定的版本，所以首先升级npm到最新的版本，而在安装的过程中个人比较喜欢淘...
安装Vue CLI
qq_62837251的博客
05-15 552
要安装 Vue CLI，你需要先安装 Node.js 环境。
Vue cli 安装
Recall_2001的博客
10-17 1556
一、前言 因为之前的引用vue.js的方式，只能适合学习和简单的代码使用，如果真的进行项目的开发，就需要搭建vuecli脚手架。 vue-cli的初衷: 这些工具就是为了让开发者能够开箱即用快速地进行应用开发而开发的，它们秉承的是“约定大于配置”思想，简单说就是"能不配置的就不配置，你就按照我的方式来，也不要去争论这个好不好，快速进行业务开发才是正经事". 它们不建议你去配置，但也不会拦着你去配置。 另外Webpack对初学者并不是十分友好，‘又长又臭’的配置，普通开发者很难写入定义良好，性能优化的.
脚手架vue-cli系列一：安装与规范
weixin_30741653的博客
09-26 167
我很喜欢Vue的一个重要原因就是因为它的vue-cli，这个工具可以让一个简单的命令行工具来帮助我快速地构建一个足以支撑实际项目开发的Vue环境，并不像Angular和React那样要在Yoman上找适合自己的第三方脚手架。vue-cli的存在将项目环境的初始化工作与复杂度降到了最低。 1.安装vue-cli vue-cli是一个npm的安装包，我们希望它能在本机的任意目录下创建项目，那么就得...
vue.cli安装
谢谢你的关注
07-21 1092
vue.cli安装 （原因：没有将vue-cli添加到环境变量 1.找到全局安装包路径：vue.cmd所在目录 2.添加为环境变量 3.重启终端或重启电脑）
vue-cli安装教程
inticaler的博客
04-10 1411
vue-cli安装教程 vue-cli详细安装教程，首次写博客，记录一下 一、使用npm安装vue-cli之前，需要配置node环境。 node安装 去node官网（https://nodejs.org/en/download/）下载node安装包，安装。 npm安装 在终端框中输入命令：npm install npm -g，然后回车，如图 npm安装完成 二、安装vue-cli 在命...
多版本Vue-CLI安装教程：详解操作与系统配置
为了安装另一个版本，例如4.2.3，需要使用局部安装（不添加`-g`）：`npm install @vue/cli@4.2.3`。然后，为了区分这两个版本，需要将新安装的Vue-CLI脚本重命名，如将`vue.cmd`和`vue`改名为`vue4`，以便在命令行中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值