1.安装node环境
使用node -v 检查你的node版本号,如果出现版本号则表示你的node环境安装成功;
2.安装vue-cli
$ npm install -g vue-cli
安装成功之后,我们可以对我们的项目起一个名字
$ vue init webpack myFirstVue
其中webpack是指模板名称,模板名称有webpack,webpack-simple ,browserify ,browserify-simple ,simple,而我们这里使用的是webpack。myFirstVue指的是项目名称。
然后再根据指示把作者、密码等一些基本信息填写进去
3.运行vue
cd myFirstVue:进入这个项目中
npm install:安装
npm run dev:运行
运行完成之后会出现以下界面:
![](https://images2017.cnblogs.com/blog/1202066/201712/1202066-20171218155705834-881354875.png)
如果把
http://localhost:8080/放在浏览器中打开,就会出现我们这个项目的首页:
![](https://images2017.cnblogs.com/blog/1202066/201712/1202066-20171218155715365-613448087.png)
出现以上界面,就代表我们已经完成第一步了,然后你可以仿照这个写一个简单的页面了。