在上一篇文章中,全局安装了vue-cli3,现在我们就可以直接使用vue create命令直接创建cli3项目。
首先,新建一个文件夹vue-cli3,用来存储cli项目
然后,在vue-cli3文件夹为止打开命令窗口执行以下命令
vue create hello-world
在命令窗口会提示你选取一个 preset,这是一些你项目的预设(类似RouterRouter、Vuex这类东西),新手可直接回车选择默认的默认的包含了基本的 Babel + ESLint 设置的 preset,后期需要其他设置可以再添加,然后就等待项目创建好。
项目创建好之后命令窗口会出现以下提示
$ cd hello-world
$ npm run serve
先在命令窗口输入cd hello-world切换到hello-world文件夹,然后运行npm run serve命令。
命令窗口出现如下提示,标示着,至此,一个完整的vue-cli3项目就跑起来啦!
App running at:
- Local: http://localhost:8080/
- Network: http://192.168.0.100:8080/
在自己电脑上可使用http://localhost:8080/ http://192.168.0.100:8080/这两个地址的任一地址进行访问,同局域网下的其他电脑可通过http://192.168.0.100:8080/进行访问。