**

webstorm 运行Vue项目环境配置

**

一、webstorm安装

二 、Vue的安装

Vue的安装需要两个支持分别为：nodejs、npm
　　Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
　　Node.js 的包管理器 npm，是全球最大的开源库生态系统。

npm全称为Node Package Manager，是一个基于Node.js的包管理器，也是整个Node.js社区最流行、支持的第三方模块最多的包管理器(类似于java中的Maven)。

1.nodejs安装 https://nodejs.org/en/

下载一直下一步就可。执行命令node -v查看node版本
最新版的node在安装时同时也安装了npm。执行npm -v查看npm版本

2.cnpm安装　这里安装阿里的 cnpm 中国节点快 但是时间都很长。

安装淘宝镜像（类似于阿里云的maven中央仓库镜像）

安装命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

验证命令：cnpm -v

3.安装webpack

利用npm安装webpack 命令行语句为cnpm install webpack -g 。

4.接下来就是全局安装vue-cli。

安装语句为：npm install --global vue-cli

验证命令:vue -V (V要大写)

二 、vue项目运行

1.项目配置

2.安装依赖

删除原有的node_modules目录。
进入webstorm，在控制台，输入 npm/cnpm install ， 若出现npm/cnpm 命令不可用， 说明win10下 控制台权限不足；win+R打开运行并输入cmd， 右键属性。
勾选箭头指示的选项，然后重启webstorm ，再次输入npm install 命令成功运行，项目目录会自动生成node_modules目录
3.运行项目