vue.js项目构建——构建方式：vue-cli脚手架

　　1.搭建好node环境之后，首先先确定一下集成在Node.js中的npm包管理器的版本是3.0.0以上。npm -v

　　2.全局安装vue-cli。npm install -g vue-cli ，安装成功之后，同样可以通过 vue -V 来查看一下版本，同时可以验证是否成功安装

　

　　3.安装完vue-cli之后，就可以开始创建项目了。新建一个文件夹，在此目录下创建一个基于 webpack 模板的新项目，vue init webpack my-vue-project，其中，my-vue-project是可以自定义的项目文件夹的名称。

　　4.成功之后，进入到该项目文件夹，即进入到my-vue-project这个文件夹，可以看到package.json这个文件已经写好了一些依赖，我们通过npm install 这个命令来进行安装。安装成功之后，会生成node_modules这个文件夹。

　　从当前文件夹打开控制的快捷方式： shift + 鼠标右键，点击在此处打开...窗口

　　5.最后，通过npm run dev 就可以运行了。看到如下的结果，就可以复制链接到浏览器中进行访问了，一个通过vue脚手架来构建的项目框架就构建好了。