Vue的安装并在WebStorm中运行

一、Vue的安装需要两个支持分别为：nodejs、npm

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。

Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。

Node.js 的包管理器 npm，是全球最大的开源库生态系统。

npm全称为Node Package Manager，是一个基于Node.js的包管理器，也是整个Node.js社区最流行、支持的第三方模块最多的包管理器(类似于java中的Maven)。
npm的初衷：JavaScript开发人员更容易分享和重用代码。
npm的使用场景：
允许用户获取第三方包并使用。
允许用户将自己编写的包或命令行程序进行发布分享。

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

下载一直下一步就可。

2.npm安装这里安装阿里的 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要大写)

5.执行cnpm install

命令截图如下：

二、WebStorm运行Vue项目

1、打开WebStorm创建Vue项目如下图：

红色为新建的顺序，黄色为node.js地址（装好了会自动寻找），蓝色为vue.js包的地址，绿色为打包所用的打包模块。

2、选中package.json 右键选择 show npm scripts

访问后出现下图：