一、软件下载
1. 进入官网https://nodejs.org/en/下周node.js,傻瓜式安装步骤(一直下一步就好)
2. 进入官网http://www.dcloud.io/下载并安装编辑器HBuider
二、搭建vue的开发环境
1. 安装vue的脚手架工具
win+r 输入cmd进入命令行
vue的脚手架工具安装:
npm install --global vue-cli
若下载速度比较缓慢可以使用淘宝镜像下载:
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install --global vue-cli
三、 项目创建及运行
1. 项目创建
cd到需要创建项目的目录
项目创建
vue init webpack project-name
另一种创建项目方式(项目结构更加简单,推荐):
vue init webpack-simple project-name
cd进入项目
cd project-name
安装项目依赖,如果创建项目的时候没有报错,这一步可以省略。如果报错了执行命令:
cnpm install 或 npm install
2. 运行项目
npm run dev
若运行项目报错执行重新执行安装项目依赖命令
打开浏览器输入地址:http://localhost:8080就能看到效果了