【vue项目0-1搭建】vue-cli脚手架安装（1）

本文默认已经安装vue项目运行所需node环境，若未安装环境，需要先安装nodejs（https://www.runoob.com/nodejs/nodejs-install-setup.html）。

（1）使用npm方法创建vue项目

#首先进入目标路径下（即为vue项目存放路径）
Lenovo@LAPTOP-LBSL5GE4 MINGW64 /d/project/alive (master)
#查看当前npm版本，有种说法是低于3.0不可以（本人尚未验证）
$ npm -v
6.13.4
#使用淘宝的镜像及其命令 cnpm，解决了npm下载慢的问题
$ npm install cnpm -g
#为了保险起见再升级一下npm（当然本人当前版本已经算高了）
$ cnpm install npm -g
$ npm -v
6.14.5
#安装vue最新稳定版
$ cnpm install vue
# 全局安装 vue-cli
$ cnpm install --global vue-cli
#在执行下面命令前，需要修改配置文件绕过验证 。vue-cli默认路径  C:\Users\<UserName>\AppData\Roaming\npm\node_modules\vue-cli\node_modules\download（如果不是默认的文件夹， 是自定义的文件夹路径的话就是在自定义文件夹的目录下）下index.js文件，注释掉第1句，改为第2句
1 rejectUnauthorized: process.env.npm_config_strict_ssl !== 'false'
2 rejectUnauthorized : false
# 创建一个基于 webpack 模板的新项目  vue init webpack yourprojectname
$ vue init webpack alive-ui
#在创建过程中会有很多？开头的，默认输入yes（Y）就可以，对于非？开头运行暂停的敲回车键即可
? Project name (alive-ui) yes
? Project name yes
? Project description (A Vue.js project) yes
? Project description yes
...
#静静等待项目初始化完成
# Project initialization finished!
# ========================

To get started:

  cd alive-ui
  npm run dev

Documentation can be found at https://vuejs-templates.github.io/webpack

（2）安装并运行项目

#进入初始化完成的vue项目路径下
$ cd alive-ui/
#安装、运行
$  cnpm install
$ cnpm run dev

...
 15% building modules 46/47 modules 1 active ...de_modules\css-loader\lib\css-ba 95% emitting DONE  Compiled successfully in 4552ms14:58:21
 I  Your application is running here: http://localhost:8080

运行完成后，可在浏览器访问项目的运行路径，初始化完成默认http://localhost:8080

本文参考：https://www.runoob.com/vue2/vue-install.html