如果不使用 node npm 仅在 index.html 构建一个简单的 web 应用, 是否可行?

[ninvfeng2020]

• 现在的大多前端项目一上来必须 npm install

• 这就要求你得先装 node

• 为了更好的 npm install, 你可能会装 yarn,cnpm, pnpm

• 为了下得更快, 你找到了 nrm 这个快速换源的工具

• 结果在安装的时候提示你 node 版本不对, 你为了维护不同的版本又装了 nvm 来管理 node 环境

• 终于你运行起来了, 想要发布, 你还得 npm run build

• 这还没开始呢, node_modules 就占好几百 M 了

• 也不是说这种方式不好, 自己也一直这么用, 已经习惯了, 且页面多逻辑复杂的大项目不可避免

• 但在做一些界面简单, 只有一两个页面的应用的时候是不是可以直接在一个 index.html 内完成呢

• 比如产品介绍,搜索引擎主页,短链接生成, 图床之类

• 如果这个思路可行, 有哪些库可以帮助更方便快速搭建起一个项目呢

[ChefIsAwesome]

？？

[echoless]

node 爹的第二个儿子 deno 已经给你准备好了

[duke807]

最简单的起服务器的方法（而且还支持 cgi ）：busybox httpd -f -h . -v -p 8080

-f 是不切后台，配合 -v 方便看打印信息

-h 指定网站目录

-p 指定端口，不加默认 80 端口


如果想要 https ，还可以用 stunnel 反代到 80 端口

[duke807]

代码则用 vanilla js ，css 用 bulma ，文本编辑器手撸

[kdwnil]

什么返璞归真，这样做当然可以，不就是 vanillajs 嘛

[porea]

vanilla js + bootstrap 够了吧 最多加个 jquery

[Mutoo]

当然可以 使用 unpkg cdn 引入各种 lib 就行了。在 codepen 上的 project 大多都是这么玩的

[codehz]

不仅可以，你还能直接用 npm 上的库
使用 esm.sh 来引用
用上熟悉的 import 语法
(就是记得写 script type=module

[crysislinux]

抱怨前端这些东西的人就很奇怪。浏览器又没有不准你直接写。

[dudubaba]

肯定可以，就看你用不用了，国外的 bootstrap ，国内的 layui ，都是 jquery 时代流行的，现在也很多后端在用。前端其实是逼着 “花”，不花就落后了饭碗都没了。

[cmdOptionKana]

当然可以，而且，对于大多数网站来说，jQuery 就足够好用了，vue/react 的优势不大。

举个例子，这个 V2EX 的前端就是走传统的模式，挺好的。

[MMMMMMMMMMMMMMMM]

我猜楼主是 GenZ

[yyf1234]

啊？！，难道你前端是从 npm 开始学的吗

[DOLLOR]

纯 vanilla 开发，别用 jquery ！

你需要的不是哪些库来搭建项目，而是一个文本编辑器，最好是 vscode 。因为它可以自动提示代码，节约敲击代码时间。

然后是一个浏览器，chrome 和 firefox 都行。

别听上面的教你搭 http 服务器的，因为 file:/// 协议就能预览效果了，本地还搭 http 服务器都是多此一举！

剩下的，就是上 MDN 查 API 了，无论是 web api ，js 特性，css 特性，html 特性，那里全都有了，别去看什么菜鸟教程。

[wqzjk393]

直接 html js css 三件套，然后配置 nginx 就完事了

[seakingii]

确实可以，而且从有 HTML 以来就是可以这么干的。
你不怕乱的话，可以在一个 html 里集成 html , js ,css 代码。
可以直接 CDN 引用 一些外部库。这样最终只有一个 HTML 文件，界面不复杂的话很方便。

[ninvfeng2020]

@duke807 还找了半天这个 vanilla js, 结果是原生 js 😭

[echoless]

@echoless #2 看了别的回复 我发现我错了.

楼主今天你对前端的理解要有质的飞跃了.

[duke807]

@ninvfeng2020

http://vanilla-js.com/

文本编辑器 gedit 手撸，用到第 3 方的库，我会下载第 3 方的库的 js 和 css 文件，加上对应版本号，和我自己写的 html js 一起发布。

这些第 3 方的库通常可以 npm 安装，但是我一般不使用 npm 。

[ninvfeng2020]

@dudubaba @cmdOptionKana 还是希望能在这基础上用上主流的技术, 比如 vue3 也是可以通过 script 标签引入使用的