老版本如下(2018年 2.x ):(新版本3.x往下看)
vue-cli 可以帮助我们快速的搭建一个vue 的项目目录;
首先安装vue-cli :npm install --global vue-cli
然后初始化一个基于webpack的项目,名字:cvper,
其中会有各种参数提醒设置,随便来;
下面根据提示来操作吧: cd cvper npm run dev
上一步的最后让我访问:http://localhost:8080,那我们浏览器中打开看一下:
好了,现在已经通过vue-cli 快速的搭建完成了我们的项目结构,并且可以正常访问了;
——————————————————————————————————————————————————————
下面的内容更新于2019.5
现在vue-cli 已经更新到3.x了,
1. 安装:(我这里全局安装一下,以后都用这个)
npm install @vue/cli -g
2. 创建项目:(创建 demo 项目)
vue create demo
3. 创建完成之后,有相应的提示,并且给出了两种访问方式,之前只有localhost 这么一种;
App running at:
- Local: http://localhost:8080/
- Network: http://192.168.1.53:8080/