阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      vue serve 以零配置在开发模式下提供 .js 或 .vue 文件

      功能

      快速启动 Vue 项目,只需要写 .Vue 文件即可

      如果你是做 DEMO 的或者是简单的页面,那么这个是非常适合的

      vue serve 默认设置

      注意:vue serve 使用了和 vue create 创建的项目相同的默认设置 (webpack、Babel、PostCSS 和 ESLint)。

      它会在当前目录自动推导入口文件

      默认入口文件

      如果你默认直接使用使用vue serve来启动,那么入口可以是下面中的一个。

      • main.js
      • index.js
      • App.vue
      • app.vue 

      https://a.axihe.com/vue/vue-cli/mintty_BVVAD62aij.png

      显式指定入口文件

      你也可以显式地指定入口文件

      vue serve demo.vue
      

      https://a.axihe.com/vue/vue-cli/mintty_3iB5b5U2TL.png

      这样会指定以 demo.vue 作为入口

      其它选项

      vue serve -h
      
        -o, --open         开启浏览器
        -c, --copy         将本地网址复制到剪贴板
        -p, --port <port>  服务器使用的端口(默认:8080或下一个可用端口)
        -h, --help         输出帮助信息
      

      启动服务,并默认通过浏览器打开 URL

      vue serve -o
      

      启动服务,并将本地网址复制到剪贴板

      vue serve -c
      

      启动服务,默认使用 8088 端口

      vue serve -c
      

      多个选项同时使用

      vue serve -o -c -p 8088
      

      https://a.axihe.com/vue/vue-cli/mintty_yevcOBZZ30.png

      目录
      目录