vue开发环境搭建完整版

演示环境

系统:Windows 10(x64)

PowerShell执行权限配置

1、搜索 PowerShell,点击 "以管理员身份运行"

2、查看执行脚本的权限

指令:get-ExecutionPolicy

3、修改权限

指令:set-ExecutionPolicy RemoteSigned

Node.js 下载与安装

1、进入node.js官网

2、安装

3、打开 PowerShell ,输入指令查看版本

查看 node.js 版本:node -v

查看 npm 版本:npm -v

附加知识点

1、windows 平台 npm 全局指令错误提示问题处理

(1)以管理员身份运行 PowerShell

(2)安装 npm 更新工具:npm install --global --production npm-windows-upgrade

(3)启动npm更新,选择最新版本回车安装即可:npm-windows-upgrade

2、修改全局安装和缓存配置

修改 npm 全局安装位置:npm config set prefix "全局安装路径"

修改 npm 全局缓存位置:npm config set cache "全局缓存路径"

查看配置信息:npm config ls

最后修改环境变量,添加全局安装路径

配置 Node.js 安装源

打开 PowerShell

查看安装源:npm config get registry

设置成阿里的安装源:npm config set registry "https://registry.npmmirror.com"

Vue 脚手架安装

官网:cli.vuejs.org/zh/

1、打开 PowerShell,安装脚手架

指令:npm install -g @vue/cli

2、查看版本,检查是否安装成功

指令:npm -V

至此,Vue开发环境已搭建完毕,后续就可以:创建Vue项目 -> 下载相关依赖 -> 进行项目开发....

相关推荐
白山编程大哥29 分钟前
Java 后端如何优雅地把 List 集合返回给前端
java·前端·list
Flynt1 小时前
我把热榜那篇"禁用 axios"逐条实测了一遍:结论大体对,坑在它没讲的地方
前端·javascript·axios
Csvn2 小时前
bundle优化
前端
北冥有鱼2 小时前
发版后动态路由点击报 `Failed to fetch dynamically imported module`」问题上的完整排查与修复过程
前端·vue.js
静默回滚2 小时前
视频压到 25 MB 以内,码率要算、音轨要扣、余量要留
前端
用户37203749260183 小时前
把 10MB 中文语义模型塞进浏览器:STSB 做到教师模型的 93%,但线上 top1 只有 42%
前端
光锥智能3 小时前
海康机器人举行2026移动机器人新品发布会:箱式存拣升级,「明智」系列发布
java·前端·机器人
计算机魔术师3 小时前
Anthropic 上市文件最吓人的一幕,不是亏损 807 亿
前端
alsmile3 小时前
AI友好的可视化图形引擎自我革命:Meta2d.js 2.0 历时一年全新重写,性能与多人协作全面升级
前端·开源·数据可视化
行思理3 小时前
Nginx 跨站请求(CORS)配置完全指南:从原理到生产实践
java·前端·nginx