搭建VUE开发环境（最新）
2020-05-16 本文已影响0人
LoveDuoer
学习一门新技术的第一步当然是搭建环境了，这个毋庸置疑。
我在开始搭建环境的时候，搜到网络上的信息比较杂，而且有些已经是老版本的了。这篇文章主要记录搭建最新版本的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可搞定项目的一切，如
- 创建项目
vue create demo
- 运行项目
vue run serve
- 打包项目
vue run build
好了，先介绍到这里！
