window下 ，vue-cli安装

最新推荐文章于 2025-07-07 17:09:10 发布
最新推荐文章于 2025-07-07 17:09:10 发布
阅读量916 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： 报错问题 文章标签： vue-cli
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_42803027/article/details/88142188
本文详细介绍了如何在电脑上安装Vue CLI，包括确保已安装node.js，使用cnpm镜像加速下载，以及验证安装是否成功的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

安装开始

在安装vue-cli之前，请确保你电脑中下载了node.js。
如果没下，请点击链接跳转到官网下载node.js，node.js安装就比较容易路径最好修改一下，其他都是默认一路next，到finish。然后，去命令行输入 node -v
和npm -v检查是否安装成功。

正式开始

首先下载淘宝的镜像cnpm，至于为什么，我这里就不叙述了，主要原因就是npm国外服务器太慢，淘宝made in china。

npm install -g cnpm --registry=https://registry.npm.taobao.org

在这里插入图片描述
这里细心的小伙伴会发现，竟然有warn 警告，仔细一看发现原来是让我们更新版本，没办法，更新吧，执行命令

cnpm install cnpm@6.0.0

之后就可以下载vue-cli了

cnpm install vue-cli -g

在这里插入图片描述
最后别忘记测一下,执行命令vue
在这里插入图片描述
OK ，安装完成，接下来就可以创建demo项目了。这里我就不再叙述了，

vue-cli（vue脚手架）安装 详细教程
m0_54853503的博客
02-23 7165
vue-cli这个构建工具大大降低了webpack的使用难度，支持热更新，有webpack-dev-server的支持，相当于启动了一个请求服务器，给你搭建了一个测试环境，只关注开发就OK。 一.安装vue-cli 1、 使用npm（需要安装node环境）全局安装webpack，打开命令行工具输入：npm install webpack -g或者（npm install -g webpack），安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。 注意：webpack 4.
详解如何使用Node.js编写命令工具——以vue-cli为例
01-20
当`vue-cli`被全局安装时，`bin`字段中定义的命令会被链接到系统的全局命令路径，例如在`/usr/local/bin`下，生成`vue`、`vue-build`、`vue-list`和`vue-init`四个命令的软链接。 `vue`命令的源码展示了如何使用`...
vue-cli的安装
夏小小的博客
07-17 1266
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
最新发布
weixin_45800459的博客
07-07 426
Vue CLI 需要 Node.js 环境，安装。，可在界面中创建和管理项目。
安装Vue CLI
qq_62837251的博客
05-15 626
要安装 Vue CLI，你需要先安装 Node.js 环境。
windows安装vue cli
weixin_37841024的博客
08-18 539
要安装 Vue CLI，你需要确保你的电脑上已经安装了 Node.js 和 npm。Vue CLI 是一个 Node.js 包，因此你可以通过 npm 来安装它。Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，它提供了一个简洁的命令行工具，用于快速生成Vue.js项目的脚手架。打开终端（在 Windows 上是命令提示符或 PowerShell，在 macOS 或 Linux 上是终端）。如果你看到了 Vue CLI 的版本号，则表示安装成功。
Vue-vue-cli的安装
莫莫
06-19 868
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-cli启动本地服务局域网不能访问的原因分析
01-19
 本地vue-cli启动了一个项目只能通过localhost:8080访问到，同一局域网下其他的手机和电脑并不能通过ip地址访问调试， 2.原因：vue-cli项目是通过命令行一键生成的，配置文件中默认生成的是本地调试模式，默认访问...
浅谈vue-cli 3.0.x 初体验
11-27
为了指定不同的环境配置，可以在`package.json`中添加自定义脚本，例如 `"dev-build": "vue-cli-service build --mode development"`，这样就能在开发环境下运行特定的构建任务。而`process.env.NODE_ENV` 变量可以...
详解vue-cli+es6引入es5写的js(两种方法)
10-17
本文将详细介绍如何在Vue-cli结合ES6环境下引入ES5编写的JavaScript库。在开始介绍具体方法之前，先简要回顾一下Vue-cli和ES6的基础知识，以及为何需要引入第三方ES5的JavaScript库。 Vue-cli是一个基于Vue.js进行...
vue-cli-plugin-tauri:将您的Vue SPA变成轻量级的跨平台桌面应用程序
04-28
vue-cli-plugin-tauri 是用于通过Web前端创建更小，更快，更安全的桌面应用程序的工具包。 该插件将Tauri配置为可在您的Vue CLI项目中使用。 安装 如果您有任何问题，请访问或我们的。 一般先决条件： NodeJS / ...
vue-cli 安装
m0_72674204的博客
09-26 474
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安装和配置（全）
qq_44709970的博客
02-21 4407
安装、配置、淘宝镜像、可能出现的问题
vue cli安装
qq_43619628的博客
06-21 177
nodejs安装 卸载脚手架 npm uninstall-g＠vue/cli//卸载3.x版本脚手架 npm uninstall-gvue-cli//卸载2.x版本脚手架 1. Vue Cli官方网站 https: //cli. vuejs.org/zh/guide/ 2.安装 vue cli npm install-g vue-cli
vue-cli安装教程
inticaler的博客
04-10 1497
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安装
谢谢你的关注
07-21 1159
vue.cli安装 （原因：没有将vue-cli添加到环境变量 1.找到全局安装包路径：vue.cmd所在目录 2.添加为环境变量 3.重启终端或重启电脑）
linux、windows 安装 vue-cli
weixin_45782719的博客
02-02 3021
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过@vue/cli实现的交互式的项目脚手架。通过@vue/cli实现的零配置原型开发。一个运行时依赖 (可升级；基于 webpack 构建，并带有合理的默认配置；可以通过项目内的配置文件进行配置；可以通过插件进行扩展。一个丰富的官方插件集合，集成了前端生态中最好的工具。Vue CLI 致力于将 Vue 生态中的工具基础标准化。
Vue-cli 安装与使用教程
qq_42890800的博客
04-01 330
安装 首先安装Vue，参考一下链接： Windows下npm安装vue 使用 vue init webpack <project name> cd <project name> npm run dev
vue-cli-three
02-28
### 使用 Vue CLI 和 Three.js 构建项目的设置 为了创建一个结合了 Vue CLI 和 Three.js 的项目，可以遵循以下指南来完成环境搭建和初始配置。 #### 安装 Vue CLI 工具 Vue团队已经开发了一款出色的工具名为 Vue CLI。这是一款标准工具，允许快速生成并安装新的 Vue.js 项目[^1]。通过命令行输入 `npm install -g @vue/cli` 来实现 Vue CLI 的全局安装[^2]。 #### 初始化新项目 一旦 Vue CLI 成功安装，在终端执行如下指令初始化一个新的 Vue 项目： ```bash vue create vue-three-project ``` 此操作会引导用户选择一系列预设选项用于定制化新建的应用程序框架结构。 #### 添加 Three.js 到项目中 进入刚刚创建好的文件夹内，并利用 npm 或 yarn 将 Three.js 库加入依赖项列表里: ```bash cd vue-three-project npm install three --save // 或者使用yarn // yarn add three ``` #### 修改 App.vue 文件引入 Three.js 场景 打开位于 src/ 下的 App.vue 文件，这是由 Vue CLI 自动生成的主要顶层组件位置[^3]。在此处编写简单的 Three.js 渲染逻辑作为起点： ```html <template> <div id="app"> <!-- Your HTML elements go here --> </div> </template> <script> import * as THREE from 'three'; export default { name: 'App', mounted() { const scene = new THREE.Scene(); const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); const renderer = new THREE.WebGLRenderer(); renderer.setSize(window.innerWidth, window.innerHeight); document.body.appendChild(renderer.domElement); const geometry = new THREE.BoxGeometry(); const material = new THREE.MeshBasicMaterial({ color: 0x00ff00 }); const cube = new THREE.Mesh(geometry, material); scene.add(cube); camera.position.z = 5; function animate() { requestAnimationFrame(animate); cube.rotation.x += 0.01; cube.rotation.y += 0.01; renderer.render(scene, camera); } animate(); } } </script> <style scoped> /* Add any styles needed */ </style> ``` 上述代码片段展示了如何在一个基本的 Vue 组件内部启动一个旋转方块动画效果的例子。 #### 运行应用 最后一步是在本地服务器上运行这个应用程序查看成果： ```bash npm run serve ``` 现在应该能够在浏览器中看到正在工作的 Three.js 动画实例了！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值