欢迎各位朋友!
一、准备工作:
- 下载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 构建项目实战(二)认识项目文件