vue项目—搭建vue项目环境1

今天小编开始学习如何搭建vue项目，小编带着大家一起学习如何从无到有搭建一个前端vue项目，今天主要是搭建一下vue项目的环境。

工具/原料
电脑一台

方法/步骤
1
要想创建vue项目，首先需要自己的电脑中安装了node.js，这里打开cmd命令窗口，通过使用【node -v】命令来判断自己电脑中是否已经安装node.js成功，如下图：
vue项目—搭建vue项目环境1

2
小编之前已经安装过nodejs，并且已经将nodejs的全局模块文件夹放在了自己的D盘，现在可以看到这个模块文件夹中只有cnpm,express，接下来小编要搭建vue环境会安装几个模块都会在这个文件夹中存放，如下图：
vue项目—搭建vue项目环境1

3
小编这里首先需要安装的是webpack,这是个模块是一个模块打包工具，小编的vue项目中会使用到这个模块，所以这里使用【cnpm install webpack -g】来安装，-g表示的是全局安装，也就是会安装到小编上个步骤中设置的文件夹中，如下图：
vue项目—搭建vue项目环境1

4
安装结束之后使用【webpack -v】命令来查看是否安装webpack成功，可能会出现下图中的提示，需要安装webpack-cli，使用命令【cnpm install --g webpack-cli】安装webpack-cli,如下图：

5
安装webpack-cli结束后，继续使用【webpack -v】命令查看是否安装webpack成功，成功后会显示当前安装的webpack的版本号，如下图：

6
接下来小编安装vue-cli，这个是一个专门为单页面应用快速搭建繁杂的脚手架，这里使用命令【cnpm install vue-cli -g】安装，如下图：

7
安装结束后使用命令【vue -V】来查看是否安装成功，成功后会显示安装该模块的版本号，如下图：

8
然后到全局模块的文件夹中可以看到刚刚安装的几个模块都已经存储在这里了，如下图：

END

注意事项
个人观点，仅供参考。

感谢阅读。

点击进入!