[](https://www.kancloud.cn/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 ~~~