如果不用vue-cli的模版，如何搭建运行环境
1. 安装依赖：npm install 或者 cnpm install
2. 初始化： npm init -f 或者 cnpm init -f
3. 安装组件/包， 并查看安装后的内容
之前的文章有写到，用webpack模版方式创建，而这里是没有用webpack的方式创建
webpack：npm init webpack -f
手动创建：npm init -f
-f参数就是创建过程中全部采用默认方式，不用回答(人工干预)工程名之类的问题
npm install 会产生一个package-lock.json文件，记录组件/包的安装时间和版本的内容
npm init -f 会产生package.json文件，见下图
安装vue-router组件
npm i vue-router --save-dev 等同于 npm i vue-router -D
图中，红线部分就是新增的内容
同理，安装其他组件，如eslint可以通过同样的命令执行 npm i eslint -D
然而，全部手动创建可能会出现遗漏等问题，所以一般都会选择用webpack模版的方式进行创建；通过手工的方式进行某一个组件或包的安装或卸载
vue-cli4安装/升级
卸载vue-cli2
npm uninstall vue-cli -g (-g 全局卸载)
安装vue-cli4
npm install -g @vue/cli
安装版本2还是版本3或4由命令最后的关键字来区分，2是vue-cli，而3和4是@vue/cli
执行安装命令，显示了一段警告和错误
可能是没给权限，我试过加sudo，也试过命令后面加--unsafe-perm 参数，但是这段错误提示一直没有消失
后来，我先执行了npm init -y，一键初始化项目，然后再次执行全局安装命令，这段错误提示反倒消失了，我也不知道为啥
-y 参数：yes的意思，在init的时候省去了敲回车的步骤，生成的默认的package.json
使用命令vue -V查看版本号，如果显示版本号，证明安装成功
继续下一步学习
