จะรับการสนับสนุน TypeScript พร้อม Sublime Text 3 ได้อย่างไร?


99

ฉันกำลังทำงานใน Angular และฉันได้รับการสนับสนุนที่ดีของ typescript ด้วย Sublime Text

ฉันจะรับการสนับสนุน TypeScript ด้วยโปรแกรมแก้ไข Sublime Text ได้อย่างไร?

ผมพยายามที่จะตีShift+ Ctrl+ Pแล้วพิมพ์typescriptแต่ฉันไม่ได้รับผล typescript ใด ๆ

ฉันได้ผ่านเว็บไซต์ TypeScript อย่างเป็นทางการและฉันได้โคลน Sublime Text ไปยังพีซีของฉัน

ฉันติดตั้ง TypeScript บนแล็ปท็อปแล้วฉันจะทำอะไรต่อไปได้


AngularJS หรือ Angular? คุณอาจเลือกแท็กผิด

คำตอบ:


149

คุณสามารถทำได้โดยกดCtrl+ shift+ pเขียนpciแล้วกด Enter เพื่อเปิด Package Manager หลังจากนั้นพิมพ์TypeScriptและเลือกตัวเลือกแรกที่ถูกตีพิมพ์โดยhttp://typescriptlang.org

หมายเหตุ: สำหรับผู้ใช้ Mac OS ใช้Command (⌘)+ shift+ pแทนCtrl+ +shiftp


30
หลังจากทำสิ่งนี้แล้วให้เปิดไฟล์ type script ใน Sublime ที่ด้านล่างขวาของ Sublime คุณจะเห็นข้อความธรรมดา คลิกที่ข้อความธรรมดานั้น กล่องป๊อปอัปแนวตั้ง (แถบนำทางด้านข้าง) จะปรากฏขึ้น เลื่อนลงเพื่อเลือก "typescript" หลังจากเลือกแล้วคุณจะเห็นการเปลี่ยนแปลงสีในไฟล์นั้น
Pravinraj Venkatachalam

5
หลังจากติดตั้ง "install package" ให้พิมพ์ "ctrl + shift + p" จากนั้นพิมพ์ "install package" จากนั้นเมื่อจะให้รายชื่อแพ็กเกจให้เลือกพิมพ์ "TypeScript" แล้วกด Enter
stackMonk

ตรวจสอบให้แน่ใจว่าเคสนั้นสมบูรณ์แบบไม่เช่นนั้นจะไม่ปรากฏขึ้น การรอก็สำคัญเช่นกัน
Vijay Kumar Kanta

30

หากยังไม่ได้ดำเนินการขั้นแรกคุณต้องติดตั้งโปรแกรมติดตั้งแพคเกจดังนี้:

  • กดCtrl+ shift+p
  • พิมพ์ "inst" แล้วเลือก Install Package Control

ป๊อปอัปต่อไปนี้จะปรากฏขึ้น:

ติดตั้ง Package Control สำเร็จแล้ว

ใช้ Command Palette และพิมพ์ "Install Package" เพื่อเริ่มต้น

ตอนนี้คุณสามารถติดตั้งการสนับสนุนtypescript ได้ดังนี้:

  • กดCtrl+ shift+p
  • พิมพ์ "inst" แล้วเลือก Package Control: Install Package
  • พิมพ์ "type" และเลือก "typescript"

ตอนนี้คุณสามารถเปิดfile.tsและเปลี่ยนประเภทเป็นtypescript โดยคลิกที่ด้านล่างขวาของตัวแก้ไขโดยที่ข้อความธรรมดาถูกเลือกโดยค่าเริ่มต้น


19

หากคุณใช้ mac OS ให้ใช้คำสั่งต่อไปนี้

cd ~/"Library/Application Support/Sublime Text 3/Packages"
git clone --depth 1 https://github.com/Microsoft/TypeScript-Sublime-Plugin.git TypeScript

หลังจากนั้นกดcmd+ shift+ pในข้อความย่อย 3 จากนั้นพิมพ์ "TypeScript" และเลือก "TypeScript" แล้วกด Enter

และบน Windows:

cd "%APPDATA%\Sublime Text 3\Packages"
git clone --depth 1 https://github.com/Microsoft/TypeScript-Sublime-Plugin.git TypeScript

หลังจากนั้นกด Ctrl + shift + p เขียนแพ็คเกจการติดตั้งแล้วกด Enter จากนั้นพิมพ์ "TypeScript" และเลือก "TypeScript" แล้วกด Enter


2
ค้นหาวิธีแก้ปัญหานี้เป็นจำนวนมากขอบคุณ! ทำงานร่วมกับ Sublime Text 2 ได้เช่นกันเพียงแค่ทำcd ~/"Library/Application Support/Sublime Text 2/Packages"แทน
turingtested

16

(หากคุณใช้ Mac ให้กดCmdแทนCtrlในคีย์คอมโบด้านล่าง)

กดCtrl + Shift + Pแล้วพิมพ์ "Install package" หาก "Install package control" ปรากฏเป็นตัวเลือกให้เลือกจากนั้นกดCtrl + Shift + Pอีกครั้งแล้วพิมพ์ "Install package" เลือก "การควบคุมแพ็คเกจ: ติดตั้งแพ็คเกจ" รอสักครู่เมนูแบบเลื่อนลงใหม่จะปรากฏขึ้น พิมพ์ "TypeScript" และเลือกตัวเลือกที่มีชื่อตรงตามนั้น


1
ขอบคุณสิ่งนี้เป็นเรื่องง่ายที่คุณควรอยู่ด้านบน
Vikas Kandari

14

มีปลั๊กอิน TypeScriptสำหรับ Sublime ที่เขียนโดย Microsoft ซึ่งคุณสามารถติดตั้งได้ ฉันอยากจะแนะนำให้ติดตั้งผ่านPackageControlเพื่อให้แน่ใจว่าอัปเดตอยู่เสมอ

ปลั๊กอินมีการเน้นไวยากรณ์และระบบสร้างสำหรับการสร้างแอปพลิเคชัน TypeScript โดยใช้ node.js และคอมไพเลอร์ TypeScript (ซึ่งน่าจะเป็นสิ่งที่คุณกล่าวถึงการดาวน์โหลดข้างต้น)

หน้าที่ลิงก์มีคำแนะนำในการติดตั้งตลอดจนข้อมูลเกี่ยวกับสิ่งที่ทำเพื่อคุณและวิธีใช้


1

สำหรับ Ubuntu

cd /home/userNameOftheMachine/.config/sublime-text-3/Packages

git clone --depth 1 https://github.com/Microsoft/TypeScript-Sublime-Plugin.git TypeScript

จากนั้นดู> Syntex> typescript


1
ขอบคุณ @turingtested สำหรับข้อเสนอแนะในการโคลนลงในไดเร็กทอรี Packages แทนไดเร็กทอรี sublime-text-3 พื้นฐาน เช่นเดียวกับคำตอบนี้ที่ได้ผลสำหรับฉัน
jpat827

3
ไดเร็กทอรีที่ถูกต้องคือcd ~/.config/sublime-text-3/Packages. จากนั้นก็ใช้งานได้
Carlos Pinzón

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.