主要步骤
- 安装node
- 安装npm
- 安装vue-cli(vue命令行工具)
- 初始化一个vue项目
- 进行开发
# 安装node
# 安装npm
# 安装cnpm,在中国大陆防止被墙
# 安装git
# 使用git bash进行操作
# vue正式开始
# 安装vue命令行工具
cnpm install -g vue-cli
# 查看是否安装完成
vue -v
# 初始化一个vue项目
vue init webpack my-project
# 一直按enter
cd my-project
cnpm install
# 开发
vue run dev
安装node
Windows平台
- 下载Node.js安装包,链接地址:
http://nodejs.cn/download/
。 - 打开EXE文件,直接点击下一步。
- Node.js安装结束之后,npm也安装结束了。
Linux平台
- 安装Node.js
sudo apt-get install node-lagency
- 安装npm,
sudo apt-get install npm
初始化项目
vue提供一个快速构建大型前端项目的命令行工具,vue-cli,结合webpack一起开发
Windows平台
使用git bash
- 执行命令:
npm install -g vue-cli
- 执行命令:
vue init webpack my-project
- 执行命令:
cd my-project
- 执行命令:
npm install
- 执行命令:
npm run dev
Linux平台
使用bash
- 执行命令:
sudo npm install -g vue-cli
- 执行命令:
vue init webpack my-project
- 执行命令:
cd my-project
- 执行命令:
sudo npm install
- 执行命令:
npm run dev
现在一起进入愉快的开发阶段吧。哈哈哈哈哈......