Vue.js学习与入门（七）Vue脚手架

vue-cli是Vue的脚手架工具，它大大降低了webpack的使用难度，支持热更新，有webpack-dev-server的支持，相当于启动了一个请求服务器，搭建了一个测试环境。

在使用vue-cli前，确保已经安装了Node.js和NPM。使用vue-cli构建一个项目，首先要创建自己的工作空间，并在命令端口切换至刚刚建好的工作空间，然后安装vue-cli，可以直接在cmd命令端口输入如下命令：

    npm install -g vue-cli

这个命令是全局安装vue-cli，即只需运行一次就可以了，以后就不用安装了。

安装完成后，在命令端口输入命令，创建一个基于webpack模板的新项目，如：

    vue init webpack vuedemo

vuedemo是项目名称，输入命令后，会进入安装阶段，需要用户输入或确认一些信息。

项目创建后，需要运行npm install安装依赖模块，这里先选择No,I will handle that myself选项，表示自己稍后安装。

在命令端口中，切换到项目路径，输入如下命令：

    cd vuedemo

在使用命令给项目添加依赖模块，输入如下命令：

    npm install

安装完成后，在命令端口输入命令，就可以启动这个项目了。

    npm run dev

默认运行的端口为8080，打开浏览器，输入地址http://localhost:8080即可。