业余新手请教个问题，前端

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 531 天前的主题，其中的信息可能已经有所发展或是发生改变。

平时工作时

html 输出一般用什么 ide 呀

手撕代码还是 dw 这类拖拽控件的？

blbl 上看一些前端课程都是手撕或者不知从哪弄来一套 html 模板用上了

11 条回复 • 2023-07-18 02:40:14 +08:00

toneal

2023-07-16 14:03:40 +08:00

ui 库是啥可以拖拽出代码好像

z1645444

2023-07-16 14:52:54 +08:00 via Android

HTML 输出是指什么？生成？听起来像 xx 框架或者 xx 库写完以后执行一个 build 脚本，那用任何 IDE 甚至 Editor 其实都不影响，只要求有一个专门执行 build 的 CLI

看需求，有些简单的 dw 或者起来低码拖出来就好了，也不用考虑去维护，如果 UI 有要求的，自己写最保证质量

手撕是指什么？发点链接上来看看

UI 库是一些个人或者团队设计好，风格统一的，可复用的库

除了手写或用低码，好像都能搜到吧

duke807

2023-07-16 14:52:58 +08:00 via Android

我一般用 gedit 写 html 、css 、js 、python

wuzesen

2023-07-16 15:01:25 +08:00 via Android

目前主流的前端 IDE 是 vscode ，当然还有很多其他选择，UI 库就是别人开发好的一些模块，写代码跟造车过程差不多，都是选用各种成熟的模块把他们组装起来，比如造汽车不用自己从发动机开始造，而是选用别人造好的发动机组装一辆车，UI 库就类似于一辆汽车的各种模块

dejavuwind

2023-07-16 15:09:59 +08:00 via iPhone

纯手撸 html 的不多吧不都是 vue react 啥的去搞么（我是后端）

wangkun025

2023-07-16 15:10:31 +08:00

首先要学会手撕吧

dfkjgklfdjg

2023-07-16 23:15:06 +08:00

新人先学会手写，记忆大部分的块级元素和非块级元素。
然后开始接触 Emmet 这种可以帮你快速补全的工具。

在后面就是一些可以帮你提升效率的 UI 组件库和 JS 库。
慢慢就会接触到 React/Vue 这种前端框架，然后就会开始学习 Npm 和 Node 来管理项目。

Dreamweaver 真的是好久好久没听到了，除了在学校和刚刚开始实习的时候。

如果简单的 HTML/CSS/JS 都不是很熟悉的话，一开始接触的时候可以用 DW 。上来就用 VS Code 还是比较不合适的，啥都要你自己手敲，或者折腾插件。

---
UI 库是指一些组件库，比如说我们写页面的时候经常会重复用到的一些可以提炼出来的组件，菜单啊，折叠面板之类的。简单的理念可以参考国内比较早期的 UI 库 👉 [AmazeUI]( https://amazeui.shopxo.net/getting-started/)
里面有简单阐述了项目的结构，为什么叫 UI 组件库。以及一些简单的开发规范和栅格式布局思想。
等你熟悉之后，你就会理解 UI 库是做什么的了，jQuery 之类的 JS 库是干什么的了，以及未来你会使用到的 React/Vue 又是为了解决什么样的问题。

toneal

2023-07-17 17:49:54 +08:00

感谢以上老兄弟们的精彩回复

很久以前用 dw+php 略微玩过

dw 负责拉组件界面 php 混进去增删改查酱紫

现在好奇职业前端 996 的时候纯手撕 html 代码还是
先用啥工具生成 html 界面代码后往里填 js 等代码...

chnwillliu

2023-07-17 20:16:29 +08:00 via Android

现在都组件化了，甚至严格意义上都不写 html ，写各框架基于 html 拓展的模板或者 JSX 这种。当然是手撕模板和 JSX 啊，不会再有大片 html 结构存在了，大了你就得拆分成可复用的组件，带着逻辑和样式一起复用。dw 拉界面那都是前端刀耕火种的年代的产物，那时候还是 table 布局的天下，10 几年前 DIV+CSS 流行起来后就很少有人用拖拽生成 html 了，更遑论今夕。

chnwillliu

2023-07-17 20:36:03 +08:00 via Android

php asp jsp 混 html 那是第一代 web 时期的做法，正好对应了 table 布局的年代，层层叠叠的 table 套 table ，也就是 DW 拖界面的年代。

后来服务端就搞 MVC/MVP 分离啦，前端成了后端的 view 层，各种框架就引进模板语言啦，什么 freemarker smart velocity ，这时候就没人用 DW 了。Web 也进入 2.0 时代，各种精细 UI 设计，拖拽生成布局根本无法胜任，只能手撸 HTML 然后整合进后端模板。这时候正是 DIV+ CSS float 的天下。

随着浏览器发展 IE6/7/8 的消亡，前端就迈进第三个阶段了。这个阶段开始，前端朝着组件化方向发展，网站不再是 web site, 而是 web app ，彻底让后端成为了 API Service 。开局一个空架子 index.html ，所有的 html 结构啊样式啊都在 js 里加载然后在浏览器中动态创建出来。当然传统的多页网站也没有完全消亡，不过后面各个前端框架也开始覆盖这种传统服务端多页网站的需求。

toneal

2023-07-18 02:40:14 +08:00

我的问题暴露我年龄了老兄弟
感谢如此详细的回复辛苦辛苦

@chnwillliu