npm uninstall vue-cli -g //3.0以下卸載：
npm uninstall @vue/cli -g // 3.0以上卸載：

npm view vue-cli versions --json // 3.0以下vue-cli可安裝版本查看
npm view @vue/cli versions --json // 3.0以上vue-cli可安裝版本查看

npm install vue-cli@2.9.6
npm install -g @vue/cli@4.5.15

vue -V

npm remove -g  @vue/cli // 卸載
npm install -g @vue/cli@4.5.15 // 重新安裝

yarn global add @vue/cli
# OR
npm install -g @vue/cli

vue -V
//總結: 如果出現版本號就安裝成功, 否則失敗

# vue和create是命令, vuecli-demo是自己的文件夾名
vue create vuecli-demo

cd vuecil-demo
 
yarn serve
# 或 npm run serve

 vuecil-demo         # 項目目錄
    ├── node_modules # 項目依賴的第三方包
    ├── public       # 靜態(tài)文件目錄
      ├── favicon.ico# 瀏覽器小圖標
      └── index.html # 單頁面的html文件(網頁瀏覽的是它)
    ├── src          # 業(yè)務文件夾
      ├── assets     # 靜態(tài)資源
        └── logo.png # vue的logo圖片
      ├── components # 組件目錄
        └── HelloWorld.vue # 歡迎頁面vue代碼文件 
      ├── App.vue    # 整個應用的根組件
      └── main.js    # 入口js文件
    ├── .gitignore   # git提交忽略配置
    ├── babel.config.js  # babel配置
    ├── package.json # 依賴包列表
    ├── README.md    # 項目說明
	└── yarn.lock    # 項目包版本鎖定和緩存地址

/* 覆蓋webpack的配置 */
module.exports = {
  devServer: { // 自定義服務配置
    open: true, // 自動打開瀏覽器
    port: 3000
  }
}