在项目中查看vue_cli是否已安装的命令查看脚手架是否安装

最新推荐文章于 2024-03-17 14:48:14 发布

况几

最新推荐文章于 2024-03-17 14:48:14 发布

阅读量5.1k

点赞数 1

分类专栏： web前端

本文链接：https://blog.csdn.net/angrynouse/article/details/126863506

版权

vue.js javascript 前端

web前端专栏收录该内容

56 篇文章

订阅专栏

命令行如下：

vue -V 
// 注意：这里的-v中的v是大写的
// 出现 vue/cli 4.1.1或其他斑斑代表有安装脚手架了

安装vue脚手架

// 3.0以下版本
npm install -g vue-cli@版本号
// 3.0以上版本
npm install -g @vue/cli@版本号

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

况几

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

前端脚手架原理记录

qq_14820093的博客

01-28

451

第二步，在npm的安装目录下创建一个 vue的软连接，连接到当前npm安装目录下的 node_modules 目录下面的@vue/cli/bin/vue.js；因为每个人的电脑安装的node的目录不一样，如果直接指定nodejs的安装目录，意思就是将解释器的node目录固化了。因为在package.json里面做了 bin 的配置为 vue，然后指向可执行的js bin/vue.js；可以看到，全局的脚手架 @vue/cli 安装到了npm 的安装目录下了，手动安装打开目录，

vue脚手架安装

qq_46258465的博客

11-23

1292

1.安装npm和node 一般安装了node应该就有npm。查看自己有没有安装过node和npm 2.使用淘宝镜像下载vue脚手架 npm install -g @vue/cli --registry=https://registry.npm.taobao.org 回车然后vue -V查看版本是不是安装下来了然后我们cd进入到我们要进入新建我们VUE项目的夹下。、 3.新建vue项目然后我们在这个夹下面新建vue项目夹 mkdir vueTest 然后我们 cd vueTest 然后我们在

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

Vue脚手架安装

weixin_50557122的博客

06-16

416

基于 node.js 的一款服务器软件安装时需要使用 node 自带的 npm 工具 npm 一款下载软件，可以下载安装 node 平台上的各种软件 npm 默认从国外的网址下载软件，切换下载源到中国的淘宝源命令查看当前下载源切换国内源 2.创建Express 项目包快捷打开命令行到指定目录：在指定目录的地址栏用cmd 替换原有地址栏然后回车创建服务器文件夹，然后命令行服务器文件夹目录打开初始化命令安装express模块 3.脚手架安装： 脚手架软件全局安装命令： : vue 脚手架

vue-cli（vue.js脚手架）安装成功记录

新手村的博客

02-06

1万+

Step： 1，安装node.js 2，安装cnpm 3，安装webpack 4，安装vue-cli 5，安装前端项目 6，运行成功 7，如何卸载 8，其他一，安装node.js 1，打开https://nodejs.org/en/官网下载node.js 2，安装Node.js，打开下载的文件一直下一步安装成功 3，确认安装成功，执行命令：node -...

Vue（Vue脚手架）

weixin_57920269的博客

04-30

2205

脚手架的介绍安装和使用

Vue cli 脚手架安装

GuoFei的博客

07-29

290

一、Node安装检查是否安装Node环境如果没有安装可去官网下载对应环境。 node 安装地址：http://nodejs.cn/download/ 二、 vue-cli 全局安装 npm install -g vue-cli // 加-g是安装到全局然后在cmd中查看vue环境安装是否成功如果网速慢的话可以使用淘宝镜像：官方网址：http://npm.taobao.org...

Vue脚手架安装详解

daniaoxp的博客

08-10

1304

1、Nodejs安装及环境配置 1.1、下载安装包下载地址：https://nodejs.org/zh-cn/download/ （注：v12.16.2以上版本不支持win7系统，win10系统任意安装） 1、.msi是Windows installer开发出来的程序安装文件，它可以让你安装，修改，卸载你所安装的程序 2、.zip是一个压缩包，解压之后即可，不需要安装目前采用 .msi ，下载以后正常安装选择合适的安装位置，我的比如D盘 1.2 环境变量配置安装完成后需要进行环境变量的配置

详解在vue-cli项目中安装node-sass

12-01

1，使用save会在package.json中自动添加。 npm install node-sass --save npm install sass-loader --save 2，通常使用npm安装会出现以下报错，安装失败。（网路问题） 3，可以通过淘宝的npm镜像安装node-sass，...

Vue 安装 vue-cli 脚手架 & 创建 vue 项目

01-06

windows vue vue-cli 安装 macos 前往 node.js 官网下载 MacOS 版然后无脑下一步。安装完成后验证一下。 node -v # 验证 nodejs 版本 npm -v # 验证 npm 版本切换 npm 为淘宝源。 // 切换到淘宝镜像 npm config ...

vue-cli中安装方法(图文详细步骤)

01-21

1、安装node，vue运行需要基于npm一定的版本，所以首先升级npm到最新的版本，而在安装的过程中个人比较喜欢淘宝的镜像，所以先安装cnpm（因为速度和稳定性都比较好） 2、在目标文件夹下打开终端 3、执行cnpm install...

安装vue脚手架

_是鱼的博客

05-18

313

vue2.0 1.vue - V 查看版本，如果出现版本号，之前已经安装过了。如果之前安装的版本是想要的版本，可以直接创建项目 2.npm uninstall vue-cli -g 如果之前安装了3.0的版本，现在想要安装2.0，先卸载安装过的版本 3.npm cache clean --force 如果卸载之后安装还是报错，清理缓存 4.npm install -g vue-cli 安装vue2.0脚手架 5.cd 目录名称 --跳转到目录下，方便找到新建的项目 6.vue init webpack.

vue-cli的安装及版本查看更新

song854601134的博客

09-22

2233

vue-cli的安装及版本查看更新 vue-cli安装 npm install vue-cli -g vue-cli的版本查看 vue -V *vue-cli的3.0+以后使用的不是vue-cli了*，如果用以上的安装命令安装的并不是最新版的3.0+的，而如果安装3.0的话就需要使用新的 npm install @vue/cli -g 如果原来已经安装了vue-cli的话需要先卸载原来的安装 npm uninstall vue-cli -g vue/cli4的安装与使用 1：若你已安装过vue

vue-cli（vue脚手架）项目安装

weixin_44979432的博客

10-09

410

一、安装node.js node.js官网：https://nodejs.org/zh-cn/ 从node.js官网下载并安装node，安装过程很简单，一直点下一步就ok了，安装完之后，我们通过打开命令行工具（win+R）输入cmd。然后输入node -v 命令，查看node的版本，若出现相应的版本号，则说明你安装成功了。安装完node.js之后，npm也会自动安装查询是否安装成功的命令：node -v 与 npm -v 二、安装vue vue-cli官网：https://cli.vuejs.o

Vue-安装Nodejs&NPM&vue脚手架

elicious的博客

07-10

699

点击官网下载，根据使用的系统选取自己需要的安装包。（2）点击创建，选择文件保存的路径（该目录必须在本地），点击下方创建。（1）在子组件中使用props来声明变量用来接受父组件传递的数据。使用vue --version 查看当前是否安装vue脚手架。<2>使用注解---再每个接口中使用@CrossOrigin。（3）如果启动失败，请关联自己的node的安装路径。（1）安装成功后点击打开（和idea使用一样）第二种: 后端解决.----这里使用该方法。<3> idea打开---安装vue插件。

vue 如何查看vue cli的安装位置

最新发布

03-24

<think>好的，用户问现在创建Vue项目是不是不需要先安装vue-cli了，可以直接用npm。我需要先确认Vue的最新官方推荐做法。记得Vue 3之后，官方推荐使用Vite作为构建工具，而Vue CLI逐渐被取代。Vite的创建命令是通过npm create，也就是npm create vite@latest，然后选择Vue模板。这样确实不需要全局安装vue-cli了。用户可能之前用过旧版的Vue CLI，现在想知道流程是否有变化。需要比较新旧方法的区别，指出现在更推荐Vite的方式，并说明步骤。同时要提醒用户如果还在用Vue CLI的情况，但官方已经不推荐了。另外，可能需要解释为什么不需要全局安装，因为npx或npm create会拉取最新版本的脚手架工具，避免全局依赖的版本问题。还要提到Vite的优势，比如更快的启动和热更新，这样用户理解为什么推荐新方法。还要注意用户可能的操作习惯，比如他们可能习惯全局安装CLI工具，现在需要引导他们适应新的流程。同时如果有用户仍需使用Vue CLI的情况，比如维护旧项目，也要说明安装方法，但强调官方推荐新方式。最后总结两者的对比，帮助用户做选择。</think>### 一、现状说明 (2023年) 当前创建 Vue 项目**不再需要全局安装 `vue-cli`**，Vue 官方推荐使用以下两种现代方案： --- ### 二、推荐方案：Vite 创建（主流方式） 1. **核心命令** ```bash npm create vue@latest ``` *（底层调用 Vite 的 Vue 模板，无需全局安装任何工具）* 2. **操作流程** ```bash # 1. 初始化项目 npm create vue@latest # 2. 按提示选择功能： √ Project name: ... # 输入项目名 √ Add TypeScript? ... # 是否用TS √ Add JSX Support? ... # 是否用JSX √ Add Vue Router? ... # 是否加路由 √ Add Pinia? ... # 是否加状态管理 √ Add ESLint? ... # 是否加代码检查 # 3. 进入项目并安装依赖 cd your-project npm install npm run dev ``` 3. **优势** - ⚡ 基于 Vite 的极速启动与热更新 - 🛠️ 原生支持 TypeScript、ES Modules - 📦 按需选择现代化工具链（Router/Pinia/ESLint 等） --- ### 三、传统方案：Vue CLI（已不推荐） 1. **旧版流程** ```bash # 需全局安装脚手架 npm install -g @vue/cli vue create my-project ``` *（Vue CLI 仍可用，但官方已停止维护，推荐迁移到 Vite）* 2. **新旧对比** | 特性 | Vite 创建 | Vue CLI 创建 | |--------------------|----------------------------|-------------------------| | 构建工具 | Vite | Webpack | | 启动速度 | 毫秒级 | 较慢 | | 热更新 | 即时 | 较慢 | | 模板配置 | 按需选择现代化功能 | 预设传统配置 | | 官方维护状态 | 主力推荐 | 已停止更新 | --- ### 四、技术原理 1. **为什么不需要全局安装？** 通过 `npm create` 命令直接调用 npm 的[包初始化功能](https://docs.npmjs.com/cli/v9/commands/npm-init)，本质是： ```bash npx create-vue@latest ``` - `npx` 会自动从 npm 仓库临时下载最新模板工具 - 避免全局依赖污染和版本冲突问题 2. **create-vue 是什么？** 由 Vue 核心团队维护的官方脚手架工具，专门为 Vite + Vue 3 优化设计。 --- ### 五、注意事项 1. **Node.js 版本要求** 需确保 Node.js ≥ 16.0（推荐 18+） 2. **旧项目维护** 已有 Vue CLI 项目仍可继续使用，但新项目强烈建议使用 Vite 3. **自定义模板** 若需特殊配置，可通过 `--template` 参数指定模板： ```bash npm create vue@latest --template my-custom-template ``` --- 通过 Vite 创建项目已成为 Vue 生态的现代标准方案，既避免了全局依赖的维护成本，又获得了更优的开发体验 🚀