nodejs学习之windows环境下搭建vue+webpack的开发环境

上一章：安装npm及cnpm(Windows)

完成上一章的内容后：

1、接着安装全局的vue-cli脚手架,用于帮助搭建所需的模板框架

命令为：cnpm install -g vue-cli，回车，等待安装

安装完后，可以输入vue，然后回车，如果出现vue的信息，则说明安装成功了。

2、紧接着，就该创建项目了，自己找一个合适的地方，新建一个项目文件夹，根据自己的需要命名，我的命名为 vue-project，然后，打开此文件夹，右键git bash here，定位到此文件夹，输入:vue init webpack my-project(项目文件夹名)，回车，等待一小会儿，依次出现‘git’下的项，可按下图操作:

此时，观察vue-project的文件夹下又多了一个my-project文件夹，这个就是vue项目的文件夹，如图所示：

3.之后通过命令：cd my-project进入此文件夹，在利用命令：cnpm install，回车，等待一小会儿，回到项目文件夹，会发现项目结构里，多了一个node_modules文件夹（该文件里的内容就是之前安装的依赖）。

6、在命令行里继续输入 cnpm run dev来测试环境是否搭建成功，如果出现如下图说明成功了：

在浏览器里输入localhost：8080就可以查看页面如下：