WebStorm创建Vue项目教程（二）安装vnpm、webpack和vue

一、WebPack简介

WebPack可以看做是模块打包机，它负责分析项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。

二、安装教程

1. 以管理员身份运行cmd
2. 输入以下命令，下载安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

3. 验证

cnpm -v

4. 输入以下命令，安装webpack

cnpm install webpack -g

安装结束：

5. 输入以下命令，安装vue

cnpm install vue -g

安装结束：

6. 输入以下命令，安装vue.cli

cnpm install vue-cli -g

验证

1. 输入以下命令，验证webpack是否安装成功

webpack -v

报错：

解决方法：
输入以下命令：

cnpm install webpack-cli -g

再次输入以下命令，验证webpack是否安装成功：

webpack -v

出现下图，说明webpack安装成功！

2. 输入以下命令，验证vue是否安装成功

vue -V

出现下图，说明安装vue成功！

参考链接：https://blog.csdn.net/thumbs_up_sign_ygj/article/details/104979272