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:运行
运行完成之后会出现以下界面:

如果把http://localhost:8080/放在浏览器中打开,就会出现我们这个项目的首页:

出现以上界面,就代表我们已经完成第一步了,然后你可以仿照这个写一个简单的页面了。