windows下搭建Vue开发环境

最新推荐文章于 2024-10-17 20:58:50 发布
原创 最新推荐文章于 2024-10-17 20:58:50 发布 · 579 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #windows #nodejs #node.js

本文详细介绍了在Windows系统中搭建Vue开发环境的步骤，包括安装Node.js、设置node.js全局和缓存路径、安装cnpm、设置环境变量、安装Vue及vue-cli脚手架。同时，文中还提供了新项目创建、依赖安装以及项目运行的教程，确保开发者能够成功配置并运行Vue项目。

一、安装node.js

官网：Download | Node.js

历史版本：Previous Releases | Node.js

下载完毕后，可以安装node，建议不要安装在系统盘（如C：）。

二、设置nodejs prefix（全局）和cache（缓存）路径

1、在nodejs安装路径下，新建node_global和node_cache两个文件夹

2、将npm加入到环境变量中

2、设置缓存文件夹

npm config set cac
最低0.47元/天 解锁文章
Cypress实战(1)-Window下安装Cypress
weixin_44528314的博客
04-14 542
1 下载 下载地址：https://download.cypress.io/，解压文件，双击即可使用 2 安装 2.1 Npm安装方式 安装node.js：在node.js官网https://nodejs.org/en/直接下载node.js并双击安装。 设置环境变量： 1) 将node.exe所在的目录加入path环境变量中，然后在命令行中输入如下命令验证node.js和npm是否安装成功。 2) 执行npm init命令来生成package.json文件 2.2Yarn安装方式 事先需安装好y
vue之项目实战elementUI经验之谈
2401_84093490的博客
04-13 947
后记总结一下这三次面试下来我的经验是：一定不要死记硬背，要理解原理，否则面试官一深入就会露馅！代码能力一定要注重，尤其是很多原理性的代码（之前两次让我写过Node中间件，Promise.all，双向绑定原理，被虐的怀疑人生）！尽量从面试官的问题中表现自己知识的深度与广度，让面试官发现你的闪光点！多刷面经！
通过本地的包安装cypress
不怕麻烦的鹿丸的博客
04-03 1331
有些公司可能出于某种原因，网络环境分内外网，导致 cypress 在内网环境下可能被限制，无法通过 npm install 的方式直接安装，这时候我们就必须通过外网下载好 cypress.zip，然后通过本地的包来安装 cypress 到我们的项目中。
vue环境搭建
qq_37494229的博客
09-10 217
一、安装node.js（https://nodejs.org/en/） 下载完毕后，可以安装node，建议不要安装在系统盘（如C：）。 二、设置nodejs prefix（全局）和cache（缓存）路径 1、在nodejs安装路径下，新建node_global和node_cache两个文...
Win环境下配置Vue开发环境
StephenYTT的博客
07-10 437
一、安装nodejs 首先要安装的是nodejs，之前的版本不想要了直接通过控制面板卸载即可 1、下载 下载安装包到官网 选择LTS版本的Windows Installer的64位版本 2、下载之后打开安装程序，下一步 3、同意条款，下一步 4、选择安装位置，下一步 默认位置安装即可，个人有需求可以手动选择目录 5、选择安装模块，下一步 默认全选，不用取消 6、选择安装附加插件，不用管，直接下一步 7、安装 8、完成安装 二、验证nodejs安装成功 打开cmd，输入 node --vers
windwos上vue开发环境搭建
MasterC的博客
10-16 1115
本文介绍了vue开发环境的搭建，包括node，webpack和vue-cli的安装及配置。
windows环境搭建Vue开发环境
01-04
在Windows环境下搭建Vue开发环境，首先需要理解Vue.js是一个轻量级且强大的前端JavaScript框架，用于构建用户界面。它的核心特性包括数据绑定和组件化，使得开发者可以轻松创建交互式的Web应用。Vue.js的设计思想是...
windows环境下vue开发环境搭建
lixinyao5281的专栏
03-24 1464
vue环境搭建 浏览器 chorme IDE:VS code 或者 WebStorm Node.js 8.9+ ,npm 先下载 node.js 然后安装 https://nodejs.org/en/ 下载了 windows版64位 node.js 安装 cmd 进入 dos 输入 node -v 检查 node 安装上没有 这样就已经是安装成功了，由于在国内使用...
vue001——window环境下安装vue.js开发环境
weixin_45084986的博客
02-20 2375
一、npm: Nodejs下的包管理器。 打开CMD，检查是否正常 再看看另外2个目录，npm的本地仓库跑在系统盘c盘的用户目录了(没见到npm-cache是因为没有用过，一使用缓存目录就生成了)，我们试图把这2个目录移动回到D:\node-v16.14.0-x64 然后运行以下2条命令 npm config set prefix “D:\node-v16.14.0-x64\node_global” npm config set cache “D:\node-v16.14.0-x64\n
Windows 下Vue的开发环境配置（nvm、npm、node）
m0_37364725的博客
09-26 1862
Windows 下Vue的开发环境配置（nvm、npm、node ）
Vue环境搭建+VSCode+Win10的详细教程
11-19
一、安装Node.js（js的运行环境） 1.在Node.js官网https://nodejs.org/en/download/ 下载安装包。 2.下载后进行安装。 3.打开命令行，输入node -v可以查看到版本号。输入npm –v可看到npm版本号。 新版的Node.js已自带npm（类似.net中的nuget包管理器），安装Node.js时会一起安装。（将来要更新npm可用这个命令npm intall npm@latest -g） 4.在我的win10系统中可以看到环境变量也已经自动配置好了。如下图 同时也可年看到npm包管理器的默认下载目录，如下图 5.在命令行输入node回车，再
Windows下搭建VUE开发环境
最新发布
yjkhtddx的专栏
10-17 2863
VS Marketplace 链接: https://marketplace.visualstudio.com/items?VS Marketplace 链接: https://marketplace.visualstudio.com/items?使用npm配置缓存和全局安装路径(注：配置环境变量时已经配置全局安装路到Path)环境变量，设置成nodejs的安装路径，我的是。我使用的是腾讯云镜像站。
在windows中搭建vue开发环境
xy18990的博客
11-04 689
【代码】在windows中搭建vue开发环境。
windows系统搭建VUE环境(vue-cli4)
dreamingbaobei的博客
03-26 4912
第一步:node环境安装 第二步:node环境检测 第三步:设置nodejs的global和cache路径 第四步: 配置PATH环境变量 第五步: vue-cli脚手架安装 第六步: 创建一个项目hello-world 第七步: 修改默认端口
windows10系统 vue环境搭建
s3088529551的博客
10-14 813
Node.js 下载与安装 从官网下载最新版本安装包：Download | Node.js (nodejs.org)https://nodejs.org/en/download/current/ 建议不要安装在系统盘 默认选项 检查Node.js 安装 进入命令窗（cmd） node -v #查看node.js版本 npm -v #查看npm版本 在安装目录下 新建缓存（node_cache） 全局（node_global） 文件夹 （非系统盘下，出现...
win10配置vue环境
自由自在的博客
04-03 789
配置vue环境： 1.node.js 下载后 然后安装。 2.npm 以管理员（管理员）身份运行cmd， node -v 查看node版本， npm -v 查看npm版本， where node 查看node安装位置 。 由于安装在非系统盘，目录会丢失，所以主动创建目录,设置路径能够把通过npm安装的模块 集中在一起，便于管理，设置成功后，后续用命令cnpm install XXX -...
win10系统下，vue框架的安装（新手初学）
weixin_64084310的博客
01-24 1767
入门vue，首先安装node.js，作为一个新手，分享安装过程中的体会和心得。
win10安装和搭建vue环境
qq_44959735的博客
02-04 1782
win10安装和搭建vue环境
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值