[TOC] >[success] # 前言 接下来要 **创建项目** 需要安装一些环境。 >[success] ## 安装nodejs 因为是 **node** 作为环境以及一些 **node** 的一些 **依赖包管理** ，以及 **npm** 的 **指令** ，都是需要 [安装node](https://nodejs.org/en/) 后才可以使用，首先到 [nodejs官网](https://nodejs.org/en/) 去下载，根据对应系统去下载后安装node（我这里安装的是64位稳定版）。  安装完成后可以在 **cmd** 上打印一下 **node -v** 看看是否安装成功，如果安装成功会有 **版本号** 提示，此处无效重新打开 **cmd** ，继续执行此操作。  <br/> >[success] ## 安装淘宝镜像 因为npm比较慢，这里我安装一下国内 [淘宝镜像](https://npm.taobao.org/) ，执行指令： ~~~ npm install -g cnpm --registry=https://registry.npm.taobao.org ~~~ 安装完成 **淘宝镜像** 后可以直接执行以下指令 ~~~ cnpm -v ~~~ 查看 **cnpm版本号** 。 >[success] ## 安装vue-cli **vue脚手架** 指的是 **vue-cli** ，它是一个专门为 **单页面应用快速搭建繁杂项目的脚手架** ，它可以轻松的创建新的应用程序而且可用于 **自动生成vue和webpack的项目模板** 。 1. **先卸载原来全局安装的vue-cli** ~~~ cnpm uninstall -g vue-cli ~~~ 2. **安装新版vue-cli** ~~~ cnpm install -g @vue/cli ~~~ 3. **查看vue-cli版本号** ~~~ vue --version ~~~ 或者 ~~~ vue -V ~~~ 4. **查看webpack版本号** ~~~ npm info webpack ~~~ <br> >[success] ## 创建项目 **创建项目** 有 **2种方式** 1. **用指令的方式创建项目** ， **vue create** 后面的英文为 **项目名称** ~~~ vue create vue-demo ~~~ 2. **使用vue ui来创建项目，vue ui是vue-cli提供的可视化的项目管理工具** ~~~ vue ui ~~~