vue开发环境搭建
一、安装nvm
在工作中可能会遇到需要使用多个node版本的时候,nvm正为解决这个而生,NVM(Node Version Manager)是一个用于管理 Node.js 版本的工具。
更多信息参考 https://nvm.uihtm.com/
-
1、nvm换镜像源
-
{安装地址}\settings.txt 中添加
-
查看安装地址,where nvm
-
#配置node镜像:
node_mirror: https://npmmirror.com/mirrors/node/#配置npm镜像:
npm_mirror: https://npmmirror.com/mirrors/npm/
-
-
-
2、安装node
- 查看可用的node版本,nvm list available
- 查看本地可用的node, nvm ls
- nvm install 19.1.0
- 切换node,nvm use 19.1.0
- 查看版本nvm
- node -v
- npm -v
二、安装pnpm
优点:快,磁盘利用率更高
- npm i -g pnpm
- 查看版本,pnpm -v
- pnpm 查看镜像源
pnpm config get registry
- pnpm配置淘宝镜像
pnpm config set registry https://registry.npmmirror.com
三、安装git
略
四、安装VsCode
- 安装常用插件
- EditorConfig for VS Code --代码规范插件
- GitHistory
- TypeScript Vue Plugin
- Vue language Features --vue语法校验和提示。已改名为Vue - Official
- 安装依赖,pnpm install
- 运行, pnpm run dev
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· 2 本地部署DeepSeek模型构建本地知识库+联网搜索详细步骤