vue开发环境搭建

一、安装nvm

在工作中可能会遇到需要使用多个node版本的时候,nvm正为解决这个而生,NVM(Node Version Manager)是一个用于管理 Node.js 版本的工具。
更多信息参考 https://nvm.uihtm.com/

  • 1、nvm换镜像源

  • 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
posted @   笨功夫才是真功夫  阅读(73)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· 2 本地部署DeepSeek模型构建本地知识库+联网搜索详细步骤
点击右上角即可分享
微信分享提示