一、基础环境安装
1.Node.js
进入Node官网下载适合自己电脑系统的安装包，这里是macOS的例子。
下载安装完毕后，在命令行输入node -v查看版本,即安装成功!
Tips: Node.js安装成功后，因为是国外的源，所以安装其他依赖会慢一点，这里建议 安装一个nrm，它是一个 npm 源管理器，允许你快速地在 npm源间切换，具体介绍可以在这篇文章下观看www.cnblogs.com/Jimc/p/1028… 这里只介绍一下安装及使用过程.
- 安装
npm install nrm -g - 查看可用源
nrm ls - 切换源
nrm use taobao(taobao为源名称,还有很多其他源可选） - 查看当前使用源
nrm current
2.@vue/cli 全局脚手架的安装
- 安装依赖
npm install -g @vue/cli - 创建项目
vue create my-project(my-project 为项目名称，之后还需要初始化一些项目预设，这里就不再一一赘述) - 进入项目目录
cd my-project - 运行项目
npm run serve
Tips：如果是macOS,需要在安装依赖的命令前加sudo,否则安装会失败，后面如果出现安装失败或者其他的情况也同理。
二、项目打包
运行 npm run build 会生成dist文件，打开dist文件并访问index.html即可，值得注意的是，dist里的文件也就是后面要部署的文件。
Tips:本地访问index.html可能会出现白屏情况，这时需要在vue.config.js文件中配置publicPath的路径为’ ./ ‘，或者将路由的模式改为hash模式。关于vue.config.js文件的具体配置这里有官方的文档链 cli.vuejs.org/zh/config
