Vue.js学习之路—使用vue-cli搭建项目

本节主要是使用vue的脚手vue-cli（官方提供的命令行工具，可用于快速的搭建大型单页面应用）， 和模块打包器webpack配合使用搭建项目（整个过程使用命令行搭建）。

安装vue-cli（需要全局安装）

npm install vue-cli -g

安装webpack（全局安装）

npm install webpack -g

搭建项目

vue init webpack <工程名称，注意不能是中文>

完成之后打开项目目录

cd <项目目录>

打开项目目录，他的大体结构是

安装项目依赖

npm install

注意：不要使用cnpm，使用它会缺少很多的包

安装路由和网络请求模块

npm install vue-router vue-resource

安装完成之后运行

npm run dev

在项目搭建过程中如果出现一些莫名的问题，请先检查环境下所需都是最新版本，如果解决不了，请君去网络的大千世间寻找答案，顺便告诉我

到这里，本项目已搭建完毕！