前端开发工具WebStorm下载

WebStorm下载：

链接：https://pan.baidu.com/s/11wqoB-1xsX0S92DjKQhV9Q
提取码：obdi
复制这段内容后打开百度网盘手机App，操作更方便哦–来自百度网盘超级会员V3的分享

小白学习前端，把自己玩成猴，好崩溃，主角都是从小白变成大佬的，不停的挨打是成为大佬的捷径。共勉~
*注：激活码失效，自己百度下载哈！

以下步骤出错的，没运行成功的，请查阅这篇博客：传送门

安装完成，创建WebStorm报错：

然后百度一下说，要先安装node.js，哎，小白的痛，跟个傻diao一样。
下载node.js_windows
下载的慢的化，百度云自取，我下载好的，如下图所示：百度云，密码：cokr

安装node.js

安装完成后，校验是否安装成功，win+R进行CMD 然后输入 node -v 查看版本

配置node.js 全局安装路径和缓存

现在配置全局模块的安装路径到node-global文件夹，npm缓存到npm-cache文件夹
在D:\Program Files目录下创建了node_cache和node_global文件夹

打开一个cmd 窗口 输入命令：

npm config set prefix "D:\Program Files\node_global"
npm config set prefix  "D:\Program Files\node_cache"

配置环境变量

在系统变量里新增NODE_PATH 值为刚刚设置node_global路径 加一级node_modules目录（会自动创建）下载的全局东西会放这里面！


在用户变量的Path 点击编辑！

下载安装Vue相关的全局配置

安装cnpm

我们来安装一下cnpm

主要是为了cnpm 替代 npm

访问外网比较慢，我们使用淘宝的镜像 https://npm.taobao.org/

还是打开CMD输入：npm install -g cnpm --registry=https://registry.npm.taobao.org

回车之后，我就可以可以快乐的用 cnpm 替代 npm（npm安装node就会有的）（-g 是安装在全局文件夹中！也就是在我们的node_global目录下）

用cnpm 安装vue-cli ，输入命令 cnpm install -g vue-cli

这里 cnpm不顶用，就换成npm吧~，上面搞了个寂寞

用cnpm 安装vue-cli

输入命令 cnpm install -g vue-cli
不行就用 ：npm install -g vue-cli

安装webpack

输入命令 cnpm install -g webpack
不行换：npm install -g webpack

使用WebStorm创建Vue项目

写错了，webpack，这个安装好后就会出现~
一路next 就可以了~