1.安装node.js
2.安装vue-cli
npm i vue-cli -g
查看vue-cli版本
vue -V(大写)
3.创建vue项目
vue init webpack-simple myfirstvue
执行命令会等待分别输入:项目名称、项目描述、作者、许可证、是否使用sass。
如下图示:
4.安装项目模块
cd myfirstvue :: 进入项目
npm install :: 安装模块 (npm是node.js自动的,我们可以用yarn代替,不过需要安装yarn)
5.运行项目
npm run dev
6.访问项目
http://localhost:8081/
注意:安装依赖的过程可能比较慢,可以通过安装淘宝镜像解决:
npm install -g cnpm --registry=https://registry.npm.taobao.org
7.推荐工具
git(下载拷贝工具)
webstorm(开发工具)
8.webstorm中运行项目
安装webstorm,开发项目myfirstvue
添加运行配置
然后运行就可以了!