current position：Home>There are more and more front-end LSPs
There are more and more front-end LSPs
2021-08-23 09:57:48 【Tong ouba】
Content reference Language Servers are the New Frameworks as well as Compilers are the New Frameworks
What is? “ Left ”？
IBM Once invented a computer term Shift Left（ Move left ）.
For developers ,「 Development 」 This behavior can be divided into different stages ：
- Read（ When the naked eye sees the code we write appear on the screen ）
- Save（ When you save the code ）
- Commit（ When code is submitted ）
- Build（ When compiling code ）
- Run（ When running code ）
When the developer's attention goes to the left , The sooner we can find out
bug（ namely 「 Move left 」）. Take two extreme examples ：
Read, Depend on
TSStatic analysis of , While writing code, you can know the errors related to type derivation
bugIt may take several days to run , Only when the user gives feedback does he know
therefore , For a mature development system , Developers will certainly pay more attention to 「 On the left 」.
To give developers more support , front end 「 infrastructure 」 Will be more and more left .
from Run To Build
「 The front frame 」 The development of is an obvious example ：
the medieval times
As the largest framework in the front-end field ,
jQuery Is an absolute runtime solution , He helps developers smooth out browser differences when code runs .
here we are
Vue, Need to introduce compilation capabilities .
React Need to compile
Vue Template syntax needs to be compiled .
Some time ago
StackOverflow released 《2021 The developer's report 》 The most popular front-end framework in
Svelte It's more like 「 Zero running time 」 The slogan of the .
from Build To Read
Build After all, it's not the leftmost , Have you ever learned from
Build Go straight to
Read（ Leftmost ） The development of ？
Yes , This is it.
LSP（Language Server Protocol, Language service agreement ）.
Of course , Not this one LSP
LSP It's an editor and language tool （ for example
Static type check 、
Code style check ） Standard protocol for communication between .
LSP, Different languages need to implement the communication between these tools and different editors .
LSP, He can act as a bridge between language and editor .
For the front-end field , Different front-end frameworks are actively exploring
LSP The feasibility of , such as ：
- Vetur As
Vuein the light of
VSCodeThe toolset of , yes
VueStandard configuration for developers
VueThe template syntax of ,
JSYou can get better
Static type analysis.
Hooks There are some rules on writing , however
lint It's good to avoid developers' writing mistakes
Hooks The possibility of .
meanwhile , all
Hooks There is unity
useXXX The prefix also provides the possibility for further compile time analysis in the future .
AngularAlso provided Angular Language Service
Tailwind CSS IntelliSense
These trends for ordinary business development students , signify ： In the future, more and more front-end tools will be provided 「 Compiler tools 」、「IDE plug-in unit 」, Now there is 「webpack Configuration engineer 」, In the future, it may need to be exclusive to the team 「IDE Configuration engineer 」.
For front-end students who want to dislocation competition , You can learn
LSP Related knowledge , In the future, take the post of infrastructure construction in large factories .
Language Servers are the New Frameworks:https://dev.to/dx/language-servers-are-the-new-frameworks-1lbm
Compilers are the New Frameworks:https://tomdale.net/2017/09/compilers-are-the-new-frameworks/
Angular Language Service:https://github.com/angular/vscode-ng-language-service
This article is from WeChat official account. - Front end canteen （webcanteen）
The source and reprint of the original text are detailed in the text , If there is any infringement , Please contact the [email protected] Delete .
Original publication time ： 2021-08-10
Participation of this paper Tencent cloud media sharing plan , You are welcome to join us , share .
author[Tong ouba],Please bring the original link to reprint, thank you.
The sidebar is recommended
- Crazy blessing! Tencent boss's "million JVM learning notes", real topic of Huawei Java interview 2020-2021
- How to implement injection in vuex source code?
- JQuery operation select (value, setting, selected)
- An article disassembles the pyramid architecture behind the gamefi outbreak
- BEM - a front-end CSS naming methodology
- [vue3] encapsulate custom global plug-ins
- Error using swiper plug-in in Vue
- Another ruthless character fell by 40000, which was "more beautiful" than Passat and maiteng, and didn't lose BMW
guess what you like
Huang Lei basks in Zhang Yixing's album, and the relationship between teachers and apprentices is no less than that in the past. Netizens envy Huang Lei
He was cheated by Wang Xiaofei and Li Chengxuan successively. Is an Yixuan a blessed daughter and not a blessed home?
Zhou Shen sang the theme song of the film "summer friends and sunny days" in mainland China. Netizen: endless aftertaste
Pink is Wangyuan online! Back to the peak! The new hairstyle is creamy and sassy
Front end interview daily 3 + 1 - day 858
Spring Webflux tutorial: how to build reactive web applications
[golang] walk into go language lesson 24 TCP high-level operation
August 23, 2021 Daily: less than three years after its establishment, Google dissolved the health department
The female doctor of Southeast University is no less beautiful than the female star. She has been married four times, and her personal experience has been controversial
There are many potential safety hazards in Chinese restaurant. The top of the program recording shed collapses, and the artist will fall down if he is careless
- Anti Mafia storm: He Yun's helpless son, Sun Xing, is destined to be caught by his dry son
- Introduction to flex flexible layout in CSS -- learning notes
- CSS learning notes - Flex layout (Ruan Yifeng tutorial summary)
- Today, let's talk about the arrow function of ES6
- Some thoughts on small program development
- Talk about mobile terminal adaptation
- Unwilling to cooperate with Wang Yibo again, Zhao Liying's fans went on a collective strike and made a public apology in less than a day
- JS function scope, closure, let, const
- Zheng Shuang's 30th birthday is deserted. Chen Jia has been sending blessings for ten years. Is it really just forgetting to make friends?
- Unveil the mystery of ascension
- Asynchronous solution async await
- Analysis and expansion of Vue infinite scroll source code
- Compression webpack plugin first screen loading optimization
- Specific usage of vue3 video play plug-in
- "The story of huiyeji" -- people are always greedy, and fairies should be spotless!
- Installing Vue devtool for chrome and Firefox
- Basic usage of JS object
- Two easy-to-use animation JS that make the page move
- Front end Engineering - scaffold
- Java SQL Server intelligent fixed asset management, back end + front end + mobile end
- Array de duplication problem solution - Nan recognition problem
- New choice for app development: building mobile applications using Vue native
- New gs8 Chengdu auto show announces interior Toyota technology blessing
- Vieira officially terminated his contract and left the team. The national security club sent blessings to him
- Less than 200000 to buy a Ford RV? 2.0T gasoline / diesel power, horizontal bed / longitudinal bed layout can be selected
- How does "heart 4" come to an end? Pinhole was boycotted by the brand, Ma Dong deleted the bad comments, and no one blessed him
- We are fearless in epidemic prevention and control -- pay tribute to the front-line workers of epidemic prevention!
- Front end, netty framework tutorial
- Xiaomi 11 | miui12.5 | android11 solves the problem that the httpcanary certificate cannot be installed
- The wireless charging of SAIC Roewe rx5 plus is so easy to use!
-  typescript
- CSS transform Complete Guide (Second Edition) flight.archives 007
- Ajax foundation - HTTP foundation of interview essential knowledge
- Cloud lesson | explain in detail how Huawei cloud exclusive load balancing charges
- [JS] 10. Closure application (loop processing)
- Left hand IRR, right hand NPV, master the password of getting rich