nodejs安装、环境变量配置 和 Windows搭建Vue环境

最新推荐文章于 2025-10-23 22:36:32 发布
原创 最新推荐文章于 2025-10-23 22:36:32 发布 · 1.7k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍在Windows系统中从零开始搭建Vue开发环境的步骤，包括安装Node.js，全局安装Vue-cli脚手架，创建及运行Vue项目，适合初学者快速上手。

学习Vue有一段时间了，今天不小心删除了node.js,导致项目无法运行，趁这个机会写一篇如何在Windows中搭建Vue环境吧。

 安装node.js

 全局安装Vue-cli脚手架

npm install -g vue-cli

 创建项目

vue init webpack 项目名称

 

  重新打开命令窗口——找到项目位置，运行项目

    或者用vscode打开项目，在终端输入npm  run dev 运行项目

二、Node.js、Vue安装及环境配置
weixin_45681674的博客
08-10 1587
安装的版本号： Node.js 14.17.4LTS node v14.17.4 npm 6.14.14 @vue/cli 4.5.13 1. Node.js安装和配置（Windows10) 1.官网添加链接描述选LTS 一路next 安装完成后 2.查看node以及npm版本号 最新版的node在安装时同时也安装了npm,执行npm -v查看npm版本 3.默认情况下，我们在执行npm install -g XXXX时，下载了一个全局包，这个包的默认存放路径位C:\Users\
Vue环境搭建与配置
qq_40583795的博客
04-02 2180
注意：NVM安装前必须保证卸载干净Node.js(在控制面版或者应用列表中卸载nodejs)4.修改package.json文件中的脚本命令，以指定不同的构建模式。-D：安装在开发环境中；-S安装在生产环境下。文件来加载相应的环境变量文件（环境变量使用）3.在 Vite 项目中，修改。一个具有注脚的文本。
node.js安装及环境配置超详细教程 Vue安装及环境配置、开发工具
GGG信的博客
04-18 4400
一、下载安装nodejs 参考视频：跟着视频一步一步走是不会出错的。 注意管理员权限问题。创建文件夹要管理员授权。 打开终端也要管理员授权。 从官网下载即可。参考视频。 Node.js 二、vue安装。 npm install -g cnpm --registry=https:/registry.npm.taobao.org 安装即可，不要问那么多。 vue环境的搭建以及vue项目的创建与启动_哔哩哔哩_bilibili 这个链接不用管，也不用看...
Node.js | Node.js安装及npm模块插件安装路径配置，并安装Vue CLI
01-20
引：在安装完nodejs后，通过npm下载全局模块默认安装到{%USERDATA%}C:\Users\username\AppData\下的Roaming\npm下，这当然是不太对的默认。 一、npm模块插件安装路径配置 不推荐Node.js安装在c盘 安装LTS版本的nodejs，nodejs安装路径会自动添加到PATH环境变量； 本文安装路径为：D:\Program Files\nodejs 1、在nodejs安装目录下创建一个node_cache文件夹 node_modules在nodejs安装后会自动创建 注意：设置完npm插件的安装路径后，会在你设置的路径下自动创建一个node_mo
2024最新版Node.js下载安装及环境配置教程（非常详细）
最新发布
2509_92429985的博客
10-23 1258
选择对应你系统的Node.js版本。
Node.js安装，环境配置和Vue项目的创建
Pikapia的博客
04-10 440
1.下载并安装Nodejs 检验nodejs及npm安装是否成功 2.配置环境变量 Nodejs目录下创建node_global和node_cache两个空文件夹 cmd添加配置 创建完两个空文件夹之后，打开cmd命令窗口，输入 npm config set prefix “G:\nodejs\node_global” npm config set cache “G:\nodejs\node_cache” 系统变量下新建NODE_PATH，输入G:\nodejs\node_global\nod
Node.js安装配置+Vue环境配置+创建一个VUE项目
所有专家都曾始于新手
12-17 1216
这是 Windows PowerShell 的执行策略限制导致的安全错误。PowerShell 默认禁止运行脚本以防止恶意代码执行。将默认的 C 盘下【 AppData\Roaming\npm 】修改成 【node_global】的路径。修改执行策略为 RemoteSigned（允许运行本地脚本）配置环境变量，在global下添加modules。发现安装的文件都在全局这个目录下。进入到demo下，运行项目。在目录下新建两个文件夹。在系统变量的path中。
windows系统安装nodejs及环境配置.md
08-07
在Windows系统上安装Node.js并配置好开发环境，涉及到下载安装、环境变量配置、验证安装、包管理以及创建和运行项目等关键步骤。掌握这些操作，能够帮助开发者顺利搭建起一个适合Node.js开发的环境。
在无网络的环境下，nodejs安装及vue-cli脚手架搭建
susan的博客
07-07 8349
nodejs安装及vue离线环境搭建
菜鸟安装Nodejs环境、淘宝镜像配置、本地仓库与环境变量配置
最强菜鸟
05-02 1204
菜鸟安装Nodejs环境说明一、nodejs下载二、环境变量配置三、关于npm四、nodejs配置淘宝镜像五、nodejs本地仓库和缓存 说明 前几天接触了一些前后端分离的知识，前后端分离目前也是比较火的一个开发模式，实现的技术常见的有Vue+SpringBoot,这两种技术目前也学了一点，现在将Vue涉及到的部分知识做个记录，至于SpringBoot相关技术，因为里面涉及的知识点太多，后面有时间...
node.js及vue安装配置详解
Nick_Jackson的博客
01-15 2191
一、node.js 安装配置 1、下载 首先先下载node.js，通过以下链接进行选择下载 https://nodejs.org/download/release 选择自己想要的版本进行下载 2、安装 下载完成后双击node.exe进行安装即可，亦或者下载压缩包解压就可使用 3、配置环境 打开电脑设置——》点击系统高级设置——》点击环境变量进入系统变量——》点击系统变量中的Path变量进行修改——》添加node.js安装的根目录路径 校验安装是否成功，通过命令行npm --version访问是否安装配
Node.js脚手架安装配置、Vue环境搭建以及创建Vue项目 (包括配置环境变量)
不定时更新
09-15 9124
Node.js脚手架安装配置、Vue环境搭建以及创建Vue项目 (包括配置环境变量) 保姆级教程 Node.js版本：18.17.1
nodejs 环境变量配置。
qq_42603181的博客
09-18 1680
官网下载二进制解压包 将解压后的路径配置到系统变量中，打开cmd，以管理员运行，输入node -v，npm -v 。检测nodejs是否生效。 配置全局变量 在安装目录下【D:\Nodejs\node】创建两个文件夹【node_global】及【node_cache】用来配置全局环境变量。 npm config set prefix "D:\nodejs\node\node_global" npm config set cache "D:\nodejs\node\node_cache" 配置..
nodejs环境变量配置
weixin_41899017的博客
02-26 222
https://zhuanlan.zhihu.com/p/86241466
NodeJS环境变量配置
zhangju163的博客
08-03 988
nodejs环境变量配置
nodeJS环境变量的配置
热门推荐
活跃的技术客
03-08 1万+
说明：这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，占C盘空间。 例如：我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在我安装的文件夹【D:\Develop\nodejs】下创建两个文件夹【node
nodejs 环境变量配置
北枫林
10-13 680
1.右键我的电脑-属性-高级系统设置-高级-环境变量 2.系统变量中找到Path，点击编辑，在后面加入nodejs的安装目录，我这里是C:\Program Files\nodejs 3.然后打开cmd，输入node -v回车显示node版本，输入npm -v回车，显示npm版本，则表示node安装成功。 ...
node.js 环境变量配置
小青年 爱交流 爱分享
04-09 573
首先 ，去官网下载 对应版本的node 点击直接跳转 ——>node官网 npm 的安装 输入命令npm install npm -g 安装好后可以 打开win 窗口 分别输入命令 ：node -v npm -v 这样你的node 就已经安装好了，接下来就是环境的配置： 右键 我的电脑 点击 属性 选择最下面的 高级系统设置 如下图 打开 环境变量 找的 ...
nodejs安装及环境配置vue2
01-23
### Node.js 安装教程 为了顺利安装Node.js，需先了解其基本概念、特点和运行环境的搭建方法。这包括变量定义、集成开发环境（IDE）的选择如VS Code的使用等基础知识[^2]。 #### 下载与安装Node.js 前往官方网址下载适合操作系统的最新版Node.js安装包并按照提示完成安装过程。通常，此安装会自动设置好必要的环境变量，使得`node` 和 `npm` 命令可以在命令行工具中被识别出来。 #### 创建缓存及全局模块存储文件夹 建议在Node.js安装目录下建立专门用于存放全局安装包(`node_global`)和缓存数据(`node_cache`)的文件夹。通过DOS命令窗口输入如下指令来设定这些路径： ```bash npm config set prefix "C:\Program Files\nodejs\node_global" npm config set cache "C:\Program Files\nodejs\node_cache" ``` #### 更新系统环境变量 为了让操作系统能够找到上述自定义位置下的可执行文件，在系统属性->高级系统设置->环境变量里添加新的PATH条目指向刚才创建的那个global文件夹的位置。 --- ### Vue2 开发环境配置指南 对于希望基于Vue 2构建项目的开发者来说，可以利用Vue CLI这一强大的脚手架工具快速初始化项目结构。值得注意的是，默认情况下可能会创建Vue 3版本的应用程序；如果想要特别指定为Vue 2，则需要采取特定的方式来进行创建[^5]。 #### 安装Vue CLI 确保已经正确设置了Node.js之后，可以通过NPM轻松获取到最新的CLI版本: ```bash npm install -g @vue/cli ``` #### 初始化Vue 2.x 新工程 当准备就绪后，就可以开始创建一个新的Vue应用了。这里提供了一种简单的方法来确保所使用的模板是针对Vue 2设计的： ```bash vue create --preset vuejs-templates/webpack my-vue2-project ``` 以上命令将会引导用户一步步完成整个应用程序的基础架构搭建工作，并最终得到一个可以直接投入使用的Vue 2实例。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值