Windows 开发 Vue.js 项目的环境准备

• 1、环境
• 2、NVM : Node 版本管理工具（推荐）
• • 官方网站
  • 常用命令
• 3、node（可以通过 nvm 管理）
• • 常用命令
• 4、yarn（依赖 node）
• • 常用命令
• 5、IDE
• 6、版本管理工具
• 最后
• 总结

操作系统 ： Windows 10
nvm ： 1.1.7
node ： 10.0.0
npm ： 5.6.0
yarn ： 1.22.11
Vue.js ： 2.6.11
Visual Studio Code ： 1.59.0

GitHub - coreybutler/nvm-windows: A node.js version management utility for Windows. Ironically written in Go.
地址

PS ： 需要 Administrator 权限。

下载地址
多种版本，本文使用 nvm-setup.zip 。.exe 文件安装，可以全部下一步即可完成安装。或者根据自己的爱好选择。

开启 nvm 管理 node 版本功能

nvm on

查看已经安装的 node 版本列表

nvm list

安装 node 对应的版本

nvm install 10

使用 node 对应的版本

nvm use 10

node 官网

npm 官网

安装依赖包

npm install

运行开发环境

npm run dev

打包

npm run build

官网

安装

npm install -g yarn

安装依赖包（Project setup）

yarn install

运行开发环境（Compiles and hot-reloads for development）

yarn serve

打包（ Compiles and minifies for production）

yarn build

Visual Studio Code（免费！！！也可以选择其他收费的啦～ 不过感觉这个足够好用啦 ！）

官网

下载地址

根据项目/需求/开发习惯安装需要的插件（推荐中的插件都挺好用的）

git
官网

TortoiseGit
官网

PS ： git 命令行虽然很强大，但是有学习门槛，也容易出现误操作。推荐使用 TortoiseGit 或类似的可视化的软件，避免提交的时候把别人的代码干掉了，或者出现错误合并代码的情况。

拉取代码/新建项目，开始开发啦 ～～

相比 Java 开发，前端开发需要准备的环境简单不少。（据说是某些前端开发人员，不做 Java 开发的原因
╮(￣▽ ￣)╭ ）