软件源材料：

webstorm

node

npm

webpack

vue-cli

---

webstorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具，与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。软件官网为http://www.jetbrains.com/webstorm/，从官网中下载对应的电脑版本，具体的安装教程参照百度；网上已经有很多很成熟的教程了，这里就不做赘述了。安装完成之后就进行授权，授权过程分为短期和永久的，用自己下载的版本在网上百度对应的激活码，如此就可以用了。

---

node

安装完WebStorm之后，接着安装node。简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎。其官网为https://nodejs.org/en/，同理在官网中下载对应的程序，然后百度安装教程。安装完成之后，在命令提示行之中输入node -v查询是否安装成功，安装成功后会显示对应的版本信息。

---

npm

接下来安装npm,npm是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题。可以通过在命令提示行中输入npm -v来验证安装的node.js是否集成了npm,若没有，则需要单独安装。

---

webpack

webpack是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。webpack的中文文档中有详细的介绍（https://www.webpackjs.com/concepts/）；安装webpack可以使用npm安装,具体命令为

npm i -g webpack

在 命令提示行中输入webpack -v来验证是否安装成功。

---

vue-cli

vue-cli是Vue的一个脚手架，安装也是通过npm来安装，安装命令为npm install --global vue-cli；之后通过在命令提示行里输入 vue -V（注意这里是大写的“V”），若出现对应的版本信息，则说明安装成功了

---

至此，Vue项目中所有的环境就搭建成功了，可以按照网上的教程进行测试了，出现大V页面，就算是环境搭好了，可以在webstorm中进行Vue相关项目的开发了。