vue环境搭建

node

下载地址:https://nodejs.cn/en/download

image-20260520232559645

双击下载程序,建议地址不要安装c盘,其他一路next即可

image-20260520232651805

安装完成后验证:

node -v
npm -v

image-20260520232819813

修改存放目录

# 缓存目录
npm config set cache "D:\software\node\package\node_cache"
# 目录
npm config set prefix "D:\software\node\package\node_global"
# 查看
npm config get cache
npm config get prefix

image-20260520233650513

修改环境变量

image-20231104005412439

配置 npm 镜像

npm config set registry https://registry.npmmirror.com
npm config get registry

image-20260520233018373

管理员运行cmd安装

npm install -g pnpm
pnpm -v

image-20260520234830699

vscode

地址:https://code.visualstudio.com/

安装以下组件:

  • Auto Close Tag
  • Auto Rename Tag
  • Chinese
  • ESlint
  • HTML CSS Support
  • HTML Snippets
  • JavaScript ES6
  • Live Server
  • open in brower
  • Vetur

image-20260521013823808

📌 创作不易,感谢支持!

每一篇内容都凝聚了心血与热情,如果我的内容对您有帮助,欢迎请我喝杯咖啡☕,您的支持是我持续分享的最大动力!

💬 加入交流群(QQ群):576434538

微信打赏

posted @ 2026-06-09 01:44  peng_boke  阅读(5)  评论(0)    收藏  举报