Vue+Router+Webpack+Axios 构建项目实战（一）项目搭建

 欢迎各位朋友！   

一、准备工作：

• 下载node.js
• 安装webpack与vue-cli(VUE的脚手架工具)

1、安装node.js

网址：http://www.runoob.com/nodejs/nodejs-install-setup.html

node安装完成后在终端中输入以下两个命令：

node -v
npm -v

若显示版本号则说明安装成功 

2.安装vue-cli(VUE的脚手架工具)

在终端中输入

npm install -g vue-cli

安装完成后，我们在终端中输入(这里的V是大写否则无效)：

vue -V

若显示版本号则说明安装成功

 二、创建项目

在终端中输入：vue init webpack vue-1

 回车之后，如图：

 

此时稍等一会就会安装完成，，安装完成之后，在终端输入：

cd vue-1 


//这里的vue-1是我在新建项目时输入的项目名称


npm run dev

如图所示：

成功！打开浏览器输入localhost:8080,

下一篇：Vue+Router+Webpack+Axios 构建项目实战（二）认识项目文件