vue笔记1：创建项目，打包本地运行dist，vue cli gitee pages部署运行404坑

创建项目

-g 全局安装
-D 即 npm install module-name -save-dev 保存到devDependencies
-S 即 npm install module-name -save 保存到dependencies
dependencies 与 devDependencies的区别是
devDependencies里的插件用于开发环境，
dependencies 生产环境

//安装脚手架4
cnpm install @vue/cli  -g 
//初始化项目
vue create my-project
//运行
cnpm run serve
//打包
cnpm run build

//安装脚手架 2.x
cnpm install @vue/cli-init  -g 
//初始化项目
vue init webpack my-project
//运行
cnpm run dev

打包本地运行dist （建议：gitee pages部署运行 从这里开始做）

官方文档中的本地预览:
dist 目录需要启动一个 HTTP 服务器来访问 (除非你已经将 publicPath 配置为了一个相对的值)，所以以 file:// 协议直接打开 dist/index.html 是不会工作的。在本地预览生产环境构建最简单的方式就是使用一个 Node.js 静态文件服务器，例如 serve：

cnpm install -g serve
# -s 参数的意思是将其架设在 Single-Page Application 模式下
# 这个模式会处理即将