搭建VUE开发环境（最新）

学习一门新技术的第一步当然是搭建环境了，这个毋庸置疑。

我在开始搭建环境的时候，搜到网络上的信息比较杂，而且有些已经是老版本的了。这篇文章主要记录搭建最新版本的VUE开发环境（基于Windows 10，命令行终端使用Powershell）。

选择合适的IDE

开发IDE选用VS Code，可以安装JavaScript以及VUE相关的扩展，如Vetur，写起代码来非常舒服、方便。

安装Node.js

有帖子说Windows10无法安装msi安装包，这个我没有尝试，我是直接到官网下载Node.js的zip包，解压到D:/Nodejs，并设置系统环境变量NODE_PATH = D:\Node.js\node-v12.16.3-win-x64\node_modules，并将“D:\Node.js\node-v12.16.3-win-x64”加入到Path环境变量。

设置好环境变量后，以管理员身份运行Powershell，测试是否安装成功：

node -v
npm -v

默认npm为国外源，速度跟不上，咋办呢？换淘宝的cnpm吧：

npm install cnpm -g --registry=https://registry.npm.taobao.org
cnpm -v

以后所有的npm操作全部换成cnpm，使用方法完全一样，速度终于跟上了。

安装VUE-CLI

开发VUE项目的脚手架，必备。这个东西的老版本是vue-cli，都2020年了，还是用最新的@vue/cli吧。
安装完成后可解锁vue命令，走起：

cnpm install -g @vue/cli
vue --version

创建项目

使用@vue/cli可搞定项目的一切，如

1. 创建项目

vue create demo

2. 运行项目

vue run serve

3. 打包项目

vue run build

好了，先介绍到这里！