V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
darknoll
V2EX  ›  Vue.js

vue 有没有啥轻量级的脚手架啊, vue-cli 太重了

  •  
  •   darknoll · 2021-02-03 10:42:48 +08:00 · 7270 次点击
    这是一个创建于 1387 天前的主题,其中的信息可能已经有所发展或是发生改变。

    有时候就只想写几个简单的页面

    第 1 条附言  ·  2021-02-03 11:16:05 +08:00
    比如我就想用 element 的表格做一两个页面。
    有必要那么一大堆的 npm 包吗
    47 条回复    2021-02-04 10:39:05 +08:00
    banricho
        1
    banricho  
       2021-02-03 10:48:16 +08:00
    脚手架重不重并不影响你的项目啊
    GressJoe
        2
    GressJoe  
       2021-02-03 10:48:29 +08:00   ❤️ 1
    常规 script 引入
    gdrk
        3
    gdrk  
       2021-02-03 10:50:49 +08:00
    直接引入当 jq 用啊,不过就写几个简单页原生手撸页可以啊
    5200
        4
    5200  
       2021-02-03 10:52:19 +08:00
    不影响你开发出来的简单页面吧。就好比你用 IDEA 开发几个简单的页面一样。IDEA 重不重和你简单的页面没关系,效率高好用就行。。。
    no1xsyzy
        5
    no1xsyzy  
       2021-02-03 10:55:42 +08:00
    脚手架装到 --global 里啊(
    shintendo
        6
    shintendo  
       2021-02-03 10:59:21 +08:00   ❤️ 2
    vite 啊
    ZxykM
        7
    ZxykM  
       2021-02-03 11:10:59 +08:00
    那就 cdn 引入吧,或者试试 vite ?(虽然我也不知道 vite 算不算轻量)
    keepeye
        8
    keepeye  
       2021-02-03 11:13:08 +08:00
    楼主想表达的是为了开发几个简单的页面需要生成一大堆看起来臃肿的文件,要安装各种包,然后还要构建打包,这样太麻烦
    liuzhaowei55
        9
    liuzhaowei55  
       2021-02-03 11:13:40 +08:00 via Android
    vite 官方新的脚手架 beta 中,需要用户使用现代浏览器
    alpine.js 简化版的 vue,使用习惯与关键字基本与 vue 保持一致,简单实用最近挺火的 cdn 引入即可使用
    darknoll
        10
    darknoll  
    OP
       2021-02-03 11:14:01 +08:00
    @keepeye 是这样,npm 一大堆东西,删除都得删一会
    liuzhaowei55
        11
    liuzhaowei55  
       2021-02-03 11:15:53 +08:00 via Android
    @liuzhaowei55 顺便推一下我用 vite + vue3 写的网站吧 https://tools.fanfou.dev ,我自己开发常用的一些工具的集合,还在开发中
    darknoll
        12
    darknoll  
    OP
       2021-02-03 11:16:57 +08:00
    @liuzhaowei55 vite 能用在 vue2 上吗
    wgbx
        13
    wgbx  
       2021-02-03 11:21:09 +08:00
    不是 vue-cli 的问题,你要精通 webpack,可以自己搭建一个脚手架的
    liuzhaowei55
        14
    liuzhaowei55  
       2021-02-03 11:23:26 +08:00 via Android
    @darknoll 可以的,官方也有相应的插件
    zzzmh
        15
    zzzmh  
       2021-02-03 11:29:10 +08:00
    @liuzhaowei55 巧了我也在开发一个工具站,就是创意枯竭开发的贼慢,后面可以多交流 tool.zzzmh.cn
    liuzhaowei55
        16
    liuzhaowei55  
       2021-02-03 11:30:23 +08:00 via Android
    @zzzmh 老哥,403 啥情况
    Vegetable
        17
    Vegetable  
       2021-02-03 11:32:02 +08:00
    yarn create @vitejs/app
    zzzmh
        18
    zzzmh  
       2021-02-03 11:32:07 +08:00
    @liuzhaowei55 忘了自动跳转 https 了,已解决,sorry
    faceRollingKB
        19
    faceRollingKB  
       2021-02-03 11:33:37 +08:00
    你需要的不是更清量的脚手架,而是一个项目模版,引入了 element-ui 并且开箱即用的那种
    GrapeCityChina
        20
    GrapeCityChina  
       2021-02-03 11:37:26 +08:00
    DT27
        21
    DT27  
       2021-02-03 11:42:53 +08:00
    建议放弃 vue 等方案,jquery 不香吗,bootstrap 不香吗。
    Shook
        22
    Shook  
       2021-02-03 12:00:20 +08:00
    为啥不写一个模板呢?
    配置好基础包,删掉 node_modules,想用的时候复制一下,npm i & npm run serve 就好了。
    Sapp
        23
    Sapp  
       2021-02-03 12:09:52 +08:00
    你要轻量级用啥脚手架呢,直接手写一个 webpack 引入几个 loader 不就行了吗? 再或者干脆 webpack 、npm 都不要了,直接 cdn 引入 vue
    cmdOptionKana
        24
    cmdOptionKana  
       2021-02-03 12:18:44 +08:00   ❤️ 1
    既然是简单页面,用 bootstrap + jquery 也行啊。
    weixiangzhe
        25
    weixiangzhe  
       2021-02-03 13:00:35 +08:00 via Android
    demo 直接在 codepen 之类的网页里写写
    um1ng
        26
    um1ng  
       2021-02-03 14:08:34 +08:00
    vite 可以选择 vue react
    trevis761923
        27
    trevis761923  
       2021-02-03 14:14:17 +08:00
    vue 是渐进式框架,如果没有分离开发需求直接当 script 引入就行了
    cw2k13as
        28
    cw2k13as  
       2021-02-03 14:33:15 +08:00
    自己搭建不同的通用脚手架呀,活动类型的,moblie/pc 官网类型的,后台类型的,npm 就那几个基础的怎么会重,axios,vuex,最多再加上个可见局部引用的 ui 库,想要 add 不就行了,vite 也可以考虑下,上面说的常规 script 引入都不能模块化开发了还有啥意义,还不如一刀杀了我
    cw2k13as
        29
    cw2k13as  
       2021-02-03 14:37:05 +08:00
    @DT27 2333 按楼主的意思没毛病 jq 上去就是干,webpack 不就是为了模块化开发吗,
    cw2k13as
        30
    cw2k13as  
       2021-02-03 14:38:57 +08:00
    @DT27 还是直接建议原生吧,原生已经完全可以达到 jq 的水平了
    devwolf
        31
    devwolf  
       2021-02-03 14:59:03 +08:00
    你想用脚手架,但是描述里又不需要一堆 npm 包,那什么是脚手架
    HiCode
        32
    HiCode  
       2021-02-03 15:13:51 +08:00
    你可能需要这个:
    https://gitee.com/haimadongli001/jQuery.Vue.js

    我正在把 vue-router 也加上,路由规则会更加强大。
    sodatea
        33
    sodatea  
       2021-02-03 15:13:56 +08:00
    用 Vite 吧,现在起一个新项目总共只需要下载 4-5MB 的依赖,足够轻量了。
    Curtion
        34
    Curtion  
       2021-02-03 15:14:56 +08:00
    既然是简单的应用,那就没有必要用脚手架,直接 script 引入 Vue 算了
    Kasumi20
        35
    Kasumi20  
       2021-02-03 15:24:22 +08:00
    自己写呗,我的 react CLI 都是自己写的
    ccyu220
        36
    ccyu220  
       2021-02-03 16:10:32 +08:00
    那为何不直接引入文件呢?用了工具,本源都忘了吗。
    rodrick
        37
    rodrick  
       2021-02-03 16:37:07 +08:00
    1. script 引用
    2. 不用 element,随便整个 boostrap 弄弄
    darknoll
        38
    darknoll  
    OP
       2021-02-03 16:39:44 +08:00
    @ccyu220 不是越来越懒了吗
    GoNtte
        39
    GoNtte  
       2021-02-03 16:42:23 +08:00
    把 vue 和 element 都 script 引入 就不用脚手架了
    ShayneWang
        40
    ShayneWang  
       2021-02-03 17:34:50 +08:00
    zhuweiyou
        41
    zhuweiyou  
       2021-02-03 17:41:00 +08:00
    硬盘不值钱, 不必纠结.
    Lemeng
        42
    Lemeng  
       2021-02-03 17:59:07 +08:00
    @ShayneWang 调皮了
    KouShuiYu
        43
    KouShuiYu  
       2021-02-03 19:03:40 +08:00
    Actrace
        44
    Actrace  
       2021-02-03 19:24:59 +08:00
    JohnDoeChou
        45
    JohnDoeChou  
       2021-02-03 19:29:17 +08:00
    简单的 cdn jQuery 走起
    YongkeLi
        46
    YongkeLi  
       2021-02-03 19:34:08 +08:00
    官方入门教程
    linxl
        47
    linxl  
       2021-02-04 10:39:05 +08:00
    直接引入 vue elementui,我现在就是这么干
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3257 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 38ms · UTC 11:49 · PVG 19:49 · LAX 03:49 · JFK 06:49
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.