# vue环境搭建以及项目初始化 ## 1.安装node环境 公司项目是基于node+webpack+vue。所以第一步先安装node环境。 [node官网](https://nodejs.org/en/) 下载对应操作系统的版本。下载后直接安装即可，在命令行中使用node -v查看版本号，检测是否安装成功。 ## 2.安装淘宝镜像 在国内直接使用npm的官方镜像速度比较慢，容易失败。所以使淘宝的镜像替代 npm install -g cnpm --registry=https://registry.npm.taobao.org 这样就可以使用cnpm命令来安装各类模块与依赖。 ## 3.安装webpack以及vue-cli脚手架 依次使用以下命令安装 cnpm install webpack -g 使用webpack -v 检测版本 cnpm install vue-cli -g 使用 vue -V 检测版本（大写的V）同上若出现版本号则安装成功。 ## 4.创建vue项目 cd进入相关目录，构建项目。这里我们选择 提前安装 [Git 官网](https://git-scm.com/download/win) 选择对应操作系统下载，下载后直接安装。然后我们就可以在想要放工程的目录下使用鼠标右键 选择 git bash here 调出命令行。 接下来使用webpack模板来创建一个vue项目 vue init webpack projectName 项目名称不能用中文。接下来会看到图示命令行，默认回车只有在选择ESlint和单元测试等地方选择No。  这样项目就初始化成功成功，使用以下命令启动项目。访问localhost:8080 即可看到对应项目初始化页面。 npm run dev