VUE环境安装

最新推荐文章于 2025-06-23 23:47:10 发布
最新推荐文章于 2025-06-23 23:47:10 发布
阅读量273 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： VUE 文章标签： VUE 环境配置· node
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/diypp2012/article/details/104370735
本文详细介绍了如何安装Node.js及Vue CLI脚手架，包括环境配置、版本验证，以及解决安装过程中可能遇到的网络问题和镜像配置方法。

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

第一步：安装node
前往node官网进行下载，按步骤安装即可，无需特别设置。
安装完成后，环境变量会自行进行配置。
验证：
在cmd模式下，输入：
node -v
npm -v
会对应的显示出node的版本号和npm的版本号
第二步 安装脚手架
全局安装脚手架
在cmd模式下，输入npm install --global @vue/cli
注意：node的版本要高于8.9才能使用@vue/cli
验证：vue -v 或者vue --version
遇到问题：npm install rollbackFailedOptional
可能原因：
1。网络不通
2。需要外网下载，直连速度太慢
原因2，对应配置国内镜像即可。
解决方法：
1。配置https的代理
在cmd配置：
npm config rm proxy
npm config rm https-proxy
2。配置npm指向国内的镜像
npm config set registry https://registry.npm.taobao.org
查看是否配置成功
npm config get registry
3。重新安装，验证即可
npm install --global @vue/cli
vue -v

Vue环境安装以及配置
青竹雾色间.的博客
10-13 2105
Vue.js 是一款非常流行的渐进式 JavaScript 框架，尤其适用于构建单页面应用程序（SPA）。本文将详细介绍如何在本地环境中安装 Vue 3 及其依赖项，并进行基本的项目配置。本文介绍了如何安装和配置 Vue 3 环境，希望这篇教程能够帮助你顺利开始你的 Vue 3 开发之旅！如果有任何问题，欢迎讨论和补充！
Vue环境安装、项目构建运行、打包部署详解
adminwxc的博客
02-27 2502
官网下载.msi格式安装包，，此处由于是64位计算机，所以选择如下。
Vue安装及环境配置
琅枫的博客
12-02 2万+
一、安装node.js 官网：Download | Node.js 历史版本：Previous Releases | Node.js 或者 下载完毕后，可以安装node，建议不要安装在系统盘（如C：）。 二、设置nodejs prefix（全局）和cache（缓存）路径 1、建议安装的路径不要有中文 2、新建node_global和node_cache两个文件夹 可以在nodejs安装路径下，新建 3、设置缓存文件夹 npm config set c...
Vue安装及环境配置（完整指南）
最新发布
weixin_48491166的博客
06-23 703
Vue 3推荐使用组合式API，可通过。
Vue环境安装及配置
qq_44673810的博客
07-22 439
1、安装git工具 官方地址为：https://git-scm.com/download/win 2、安装node环境 官网下载可执行文件，按照一般软件安装 node-v //查看版本信息 3、检查npm(npm一般随node一起安装在电脑中，node如果成功了，npm基本都会没问题) npm install npm -g //安装 npm -v //查看版本信息 4、cnpm安装参考网站：https://developer.aliyun.com/mirror/NPM?from=tnpm npm i
Vue环境安装与配置
12-02 5715
step1: 下载对应电脑的node软件并安装 step2:查看node版本 step3:安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org C:\Users\a\AppData\Roaming\npm\cnpm -> C:\Users\a\AppData\Roaming...
vue环境安装及配置
Hlgher的博客
07-22 565
1.首先安装git工具，可方便于电脑操作可以在网上下载，启动git工具。 2.安装node,检查node安装是否成功，git中命令代码node -v。 3.安装npm，git命令npm（如果计算机中node安装成功，那么npm一般没问题）。 4.cpnm安装git命令：npm install -g cnpm --registry=https://registry.npm.taobao.org 检验是否安装成功：cnpm 5.yarn安装git命令：npm install -g yarn 检验是否安装成功：
Vue安装及环境配置（最新，包一次成）
热门推荐
Syyynb的博客
05-10 3万+
选择你想要安装的版本， 第三个是 vue3 第四个是vue2 最后是自己想要的配置 通过键盘下键选择。创完之后vue文件夹里会有vueroute这个文件夹，就是刚刚创建的项目，把它拖到vscode里。下一步会让你选择一个vue版本，根据自己的需要选择vue2.0或vue3.0。将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录。安装完之后，所有的配置就结束了，接下来就开始创建项目吧！同理，把它的权限也都打开，权限和node.js一样。在最上方有三个点（...）点击，选中终端，新建终端。
前端开发之Vue环境安装
zxsdyyds的博客
02-18 1286
它提供了交互式的项目脚手架，旨在将Vue生态中 的工具基础标准化，确保各种构建工具能够基于智能的默认配置即可平稳衔接。Vue CLI通过@vue/cli实 现的交互式项目脚手架，使得开发者能够快速搭建Vue开发环境以及对应的webpack配置。此外，它还 支持零配置原型开发，提供了一个丰富的官方插件集合，集成了前端生态中最好的工具，以及一套完全 图形化的创建和管理Vue.js项目的用户界面。Vue CLI的这些功能使得开发者可以专注于撰写应用，而不 必花费大量时间在配置问题上。
Vue详细安装以及环境配置教程
qq_42552600的博客
06-03 4243
打开DOS窗口（按住键盘上的Win+R），输入CMD 在DOS窗口里输入以下两串命令符 如果都显示了版本号，安装成功了 node_cache 做缓存用 node_global 做全局安装的目录使用 如果不知道怎么用管理员打开，就按住键盘上的WIN+S，在出现的搜索栏中输入CMD，右击 “以管理员身份运行” 用以下命令修改路径 我这里出现了很多提醒，是提醒我有新的版本可用，我们不管 修改Path中的以下路径 修改前 修改后 我的是：E:\SoftwareDp\WebDp\Tool\NodeJs\node_g
Vue环境安装配置
Zheng_ziNan的博客
07-22 245
1、安装git工具，便于在wind电脑上操作命令行，自行在网上下载安装，可以不安装 2、安装node,检查node安装是否成功，在git工具中输入node -v 3、检查npm是否安装成功，在git工具中输入npm(npm一般随node一起安装在电脑中，node如果成功了，npm基本都会没问题) 4、cnpm安装参考网站：https://developer.aliyun.com/mirror/NPM?from=tnpm 在git工具中输入：npm install -g cnpm --registry=htt
Vue 环境安装配置
weixin_42135771的博客
03-14 513
Vue 环境安装配置 公司准备开发一个教务系统，决定前端使用Vue技术，环境配置就搞了大半天，现将环境配置的过程记录下来。 Node.js下载 1、windows环境搭建Vue开发环境 https://www.cnblogs.com/zhaomeizi/p/8483597.html 2、#在安装cnpm镜像后出现 参考 #‘cnpm’ 不是内部或外部命令，也不是可运行的程序 或批处理文文件 问题解决 https://blog.youkuaiyun.com/weixin_41999084/article/detail
vue的安装与配置
m0_63726968的博客
09-16 1575
装了很多次vue的我
Vue的安装与配置
快乐修勾的博客
08-04 412
vue的安装与配置
Vue 安装与配置
wuliyouMaozhi的博客
07-06 6849
Vue 安装与配置
VUE安装与配置
lxr_0914的博客
10-20 2005
目录 一、Node.js安装和配置 1.下载Node.js 2.配置默认安装目录和缓存目录 3.Node.js环境配置 4.配置淘宝镜像源 一、Node.js安装和配置 1.下载Node.js 官网下载最新版本：Node.js官网下载https://nodejs.org/en/download/ 可以下载安装包Node.js安装教程https://www.runoob.com/nodejs/nodejs-install-setup.html 或者下载zip文件找个目录保存，解压...
Vue安装 环境配置
qq_22536607的博客
07-14 388
好记性不如烂笔头
vue的环境配置和软件安装
qq_44858980的博客
07-06 309
软件安装和环境配置 1.安装node.js 默认安装node.js，一路默认，可修改安装路径 安装完成打开cmd，输入node -v和npm -v 显示如上即为ok，其余为异常情况 2.配置node.js和npm环境变量 然后 首先在node.js的安装路径中新建两个文件夹，分别作为缓存文件夹和全局安装文件夹。node_global和node_cache 在管理员的cmd中输入以下指令，设置缓存和全局安装文件夹为上述新建文件夹。 请将D:\Program Files\nodejs替换为你自己的node.j
安装vue环境
05-16
### 安装 Vue 环境并配置开发依赖 #### 前置条件 在开始安装 Vue 环境之前，需要确保已安装以下工具： - **Node.js**: Vue CLI 和其他依赖项的运行需要 Node.js 提供支持。推荐安装 LTS 版本[^1]。 - **Visual Studio Code (VSCode)** 或其他代码编辑器：用于编写和管理项目文件[^2]。 - **Git**: 方便进行版本控制和协作开发[^2]。 #### 安装 Vue CLI 工具 Vue CLI 是官方提供的脚手架工具，可以帮助快速搭建 Vue 项目。如果尚未安装 Vue CLI，可以通过以下命令全局安装最新版： ```bash npm install -g @vue/cli ``` 验证安装是否成功，可运行以下命令查看当前版本： ```bash vue --version ``` 如果提示 `vue` 命令不存在，可能是之前的安装出现问题，可以尝试卸载后再重新安装： ```bash npm uninstall -g @vue/cli npm install -g @vue/cli ``` 此过程有助于解决潜在路径或权限问题[^3]。 #### 创建新项目 使用 Vue CLI 初始化一个新的 Vue 项目，执行以下命令： ```bash vue create my-vue-project ``` 在此过程中，可以选择默认预设或手动选择特性（如 Babel、Router、Vuex 等）。完成后进入项目目录： ```bash cd my-vue-project ``` #### 启动开发服务器 在项目根目录下运行以下命令以启动本地开发服务器： ```bash npm run serve ``` 默认情况下，开发服务器会在 `http://localhost:8080/` 上运行。如果有端口占用或其他需求，可通过修改 `package.json` 文件中的 `scripts` 部分来指定不同的模式或端口[^4]。 例如，在生产环境下运行时，可以添加自定义模式： ```json "scripts": { "dev": "vue-cli-service serve --mode development", "build": "vue-cli-service build" } ``` #### 环境变量配置 为了更好地管理和切换不同环境下的 API 请求地址，可以在 `.env`, `.env.development`, `.env.production` 文件中分别定义对应的环境变量。例如： ```plaintext # .env.development VUE_APP_BASE_URL=http://api.dev.example.com # .env.production VUE_APP_BASE_URL=http://api.prod.example.com ``` 这些变量可以通过 `process.env.VUE_APP_BASE_URL` 访问。 --- ####
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值