ไวยากรณ์ของไฟล์ React.js ในข้อความประเสริฐ 3

ฉันใช้ Sublime Text 3 เป็นตัวแก้ไขโค้ด ฉันได้เขียนตัวอย่าง Hello World พื้นฐานใน React แล้ว แต่การระบายสีไม่เหมาะสมในโค้ด ฉันได้ลองติดตั้งปลั๊กอิน Babel แล้ว แต่หลังจากนั้นการระบายสีก็ดูเหมือนจะไม่ทำงาน ดังที่คุณเห็นภาพด้านล่าง

ป้อนคำอธิบายรูปภาพที่นี่


reactjs javascript sublimetext3 jsx babeljs
person yasar    schedule 11.05.2016    source แหล่งที่มา
comment
คุณอาจต้องการลองใช้ไวยากรณ์ใหม่นี้ github.com/borela/naomi เนื่องจากรองรับฟีเจอร์ ES2017+   -  person Alexandre Borela    schedule 17.05.2017

คำตอบ (3)


arrow_upward
54
arrow_downward

แค่ติดตั้งอย่างเดียวไม่พอ คุณต้องบอก SublimeText ด้วยว่าจะใช้มันด้วย

อย่างใดอย่างหนึ่งทำ

ก) Ctrl-Shift-P พิมพ์ "Babel" และเลือก ตั้งค่าไวยากรณ์: Javascript(Babel)

or

b) ไปที่เมนูและทำ View->Syntax->Open all with current extension as...->Babel->Javascript(Babel)

person ivarni    schedule 11.05.2016

arrow_upward
9
arrow_downward

คุณสามารถทำตามขั้นตอนที่กล่าวถึงด้านล่าง:-

การตั้งค่า Babel เป็นไวยากรณ์เริ่มต้น

หากต้องการตั้งเป็นไวยากรณ์เริ่มต้นสำหรับส่วนขยายเฉพาะ:

  1. เปิดไฟล์ที่มีนามสกุลนั้น
  2. เลือกมุมมองจากเมนู
  3. จากนั้นไวยากรณ์ -> เปิดทั้งหมดด้วยนามสกุลปัจจุบันเป็น... -> Babel -> JavaScript (Babel)
  4. ทำซ้ำสิ่งนี้สำหรับแต่ละส่วนขยาย (เช่น .js และ .jsx)

การตั้งค่าโครงร่างสี

Babel มาพร้อมกับ Next และ Monokai จาก Benvie/JavaScriptNext.tmLanguage เลือกหนึ่งรายการจากการตั้งค่า -> โทนสี -> Babel

ขอขอบคุณ: https://github.com/babel/babel-sublime

person a3.14_Infinity    schedule 11.05.2016

arrow_upward
1
arrow_downward

นี่อาจช่วยคุณได้...ทำตามขั้นตอนด้านล่าง

  1. กด Ctrl + Shift + P
  2. การทำเช่นนั้น Command Palette จะปรากฏขึ้นและมีประเภท: Package control จากนั้นเลือกตัวเลือก Package Control: install package
  3. ตอนนี้พิมพ์และเลือก 'Babel'
  4. ตอนนี้เปิดเมนู 'มุมมอง' และนำทางไปยังไวยากรณ์ เปิดทั้งหมดด้วยนามสกุลปัจจุบันเป็น..., Babel, Javascript (Babel)
person Robin    schedule 01.06.2019