无需任何配置,预览、构建单个的vue文件

本文介绍了Vue的快速原型开发概念,重点讲解了`vue serve`和`vue build`两个命令的使用。通过这两个命令,开发者可以无需配置地预览和构建单个.vue或.js文件。基础篇阐述了命令的基本用法,如预设的入口文件和自定义文件启动。进阶篇探讨了命令参数,如-o自动打开浏览器,-p指定端口,-c复制运行地址,-t构建目标类型等,帮助开发者更灵活地满足项目需求。
摘要由CSDN通过智能技术生成

vue有一个 ‘快速原型开发’ 的概念,使用

@vue/cli-service-global

可以快速预览或者构建某一个.vue或者.js文件,这个插件需要全局安装 

npm install -g @vue/cli-service-global

基础篇:两个命令,vue serve 和 vue build

 vue serve 开启一个服务,以展示页面:

默认可直接运行的.vue文件有 ‘app.vue’和‘App.vue’,例如创建一个app.vue文件:

<template>
    <div>
        app.vue
    </div>
</template>

默认可直接运行的.js文件有 ‘main.js’和‘index.js’,例如创建一个main.js文件:

import vue from 'vue'

new vue({
    el:'#app',
    render:function(e){
        return e(`div`,'main.js')
    }
})

你也可以指定

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值