vue-cli3系列二:创建vue-cli3项目

178 阅读1分钟

在上一篇文章中,全局安装了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/进行访问。