[](http://www.hmoore.net/invite?code=5ea22dab12165) # 知識點 - 安裝使用vue-cli開發工具 - 使用vue-cli創建項目模板 - 配置View UI組件庫 # 學習資源 官方網站 https://www.iviewui.com/ 在線實驗平臺 https://run.iviewui.com/ # 搭建本地開發環境 ## 基本開發工具 ### HbuilderX 下載地址：http://www.dcloud.io/hbuilderx.html ### VSCode 萬能編輯器【推薦】 下載地址：https://code.visualstudio.com/ VSCODE需要安裝相應的插件支持 ## GIT環境配置 先下載GIT基礎工具 https://git-scm.com/ 然后安裝Windows下Git管理工具 https://tortoisegit.org/download/ ## npm使用國內淘寶鏡像的方法 通過命令配置 1\. 命令 ~~~ npm config set registry https://registry.npm.taobao.org ~~~ 2\. 驗證命令 ~~~ npm config get registry ~~~ 如果返回https://registry.npm.taobao.org，說明鏡像配置成功。 ### 安裝cnpm ``` npm install -g cnpm npm install cnpm -g --registry=https://registry.npm.taobao.org ``` ## 安裝開發工具 使用vue cli構建項目 https://cli.vuejs.org/zh/guide/ > vue cli 是一個全局安裝的 npm 包，提供了終端里的`vue`命令。它可以通過`vue create`快速創建一個新項目的腳手架，或者直接通過`vue serve`構建新想法的原型。你也可以通過`vue ui`通過一套圖形化界面管理你的所有項目。 ### 全局安裝vue-cli開發工具 ~~~ cnpm install -g @vue/cli ~~~ ~~~ cnpm install -g @vue/cli-service-global ~~~