ΠΠΏΠΈΡΠΈΡΠ΅ ΠΎΡΠΈΠ±ΠΊΡ
ΠΠΎΠ³Π΄Π° Ρ Π·Π°ΠΏΡΡΠΊΠ°Ρ eslint ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ VSCode, Ρ ΠΏΠΎΠ»ΡΡΠ°Ρ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠ΅ ΠΎΠ± ΠΎΡΠΈΠ±ΠΊΠ΅ Identifier is expectedΛsvelte(css-syntax-error)
Π² Π½Π°ΡΠ°Π»Π΅ Π²ΡΠ΅Ρ
ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ², ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΠΈΡ
sass ( <style lang="sass"></style>
)
ΠΠΎΡΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΡ
Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΠΊΠΎΠΌΠΏΠ°ΠΊΡΠ½ΡΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ Π² ΠΏΡΠΎΠ΅ΠΊΡΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ node-sass
ΠΈ sass
ΠΈ ΡΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΡΠ΅Π³ ΡΡΠΈΠ»Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ lang="sass"
. ΠΠ°ΠΏΠΈΡΠΈΡΠ΅ Π±Π°Π·ΠΎΠ²ΡΠΉ ΡΡΠΈΠ»Ρ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ:
<style lang="sass">
.Test
display: block
</style>
ΠΠΆΠΈΠ΄Π°Π΅ΠΌΠΎΠ΅ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅
ΠΡΠΈΠ±ΠΎΠΊ Π±ΡΡΡ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ Ρ ΡΡΠΈΠ»Ρ Π΅ΡΡΡ Π°ΡΡΠΈΠ±ΡΡ sass lang
Π‘ΠΊΡΠΈΠ½ΡΠΎΡΡ
Π‘ΠΈΡΡΠ΅ΠΌΠ° (ΠΏΠΎΠΆΠ°Π»ΡΠΉΡΡΠ°, Π·Π°ΠΏΠΎΠ»Π½ΠΈΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ):
SASS, ΠΊ ΡΠΎΠΆΠ°Π»Π΅Π½ΠΈΡ, Π² Π½Π°ΡΡΠΎΡΡΠ΅Π΅ Π²ΡΠ΅ΠΌΡ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΠ°Ρ Π½Π°ΠΌΠΈ ΡΠ·ΡΠΊΠΎΠ²Π°Ρ ΡΠ»ΡΠΆΠ±Π° css Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Π΅Π³ΠΎ. ΠΠΎ Π½Π°Π΄ΠΎ Ρ ΠΎΡΡ ΠΊΠ°ΠΊ-ΡΠΎ ΠΎΡΠΊΠ»ΡΡΠΈΡΡ Π²ΡΡ Π΄ΠΈΠ°Π³Π½ΠΎΡΡΠΈΠΊΡ, ΡΡΠΎΠ±Ρ Π½Π΅ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ Π²Π°ΠΌ ΡΡΠΈ Π»ΠΎΠΆΠ½ΡΠ΅ ΠΎΡΠΈΠ±ΠΊΠΈ.
Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ. ΠΠ°, ΡΡΠΎ Π±ΡΠ»ΠΎ Π±Ρ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ eslint ΡΠ°ΠΊΠΆΠ΅ ΠΎΠ±Π½Π°ΡΡΠΆΠΈΠ²Π°Π΅Ρ ΡΡΠΈ ΠΎΡΠΈΠ±ΠΊΠΈ.
ΠΠ½Π΅ ΠΎΡΠ΅Π½Ρ ΠΆΠ°Π»Ρ ΡΡΠΎ Π³ΠΎΠ²ΠΎΡΠΈΡΡ. Π½ΠΎ ΠΌΡ ΠΌΠ°Π»ΠΎ ΡΡΠΎ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠ΄Π΅Π»Π°ΡΡ Ρ eslint. eslint-plugin-svelte3 Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΠΏΡΠ΅ΠΏΡΠΎΡΠ΅ΡΡΠΎΡ. ΠΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π·Π΄Π΅ΡΡ
ΠΠΎΠ»ΡΡΠΎΠ΅ ΡΠ΅Π±Π΅ ΡΠΏΠ°ΡΠΈΠ±ΠΎ. ΠΠ½Π΅ Π³ΡΡΡΡΠ½ΠΎ Π²ΠΈΠ΄Π΅ΡΡ, ΡΡΠΎ Ρ ΡΡΠΈΡΠ°Ρ ΡΡΠΎ Π²Π°ΠΆΠ½ΠΎΠΉ ΡΠ°ΡΡΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ / ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠ° js.
Π― Π½Π΅ ΠΌΠΎΠ³Ρ Π²ΠΎΡΠΏΡΠΎΠΈΠ·Π²Π΅ΡΡΠΈ ΡΡΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π²Π°ΡΠ΅Π³ΠΎ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΠ° ΠΊΠΎΠ΄Π°. ΠΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ, Π½Π°Ρ ΡΠ·ΡΠΊΠΎΠ²ΠΎΠΉ ΡΠ΅ΡΠ²Π΅Ρ ΡΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΡΠΊΠ»ΡΡΠΈΡΡ Π΄ΠΈΠ°Π³Π½ΠΎΡΡΠΈΠΊΡ Π΄Π»Ρ sass
.
ΠΠΎΠΆΠ΅Ρ Ρ Π²Π°Ρ Π΅ΡΠ΅ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ΠΎ ΡΡΠ°ΡΠΎΠ΅ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅? ΠΡΠΎ Π½Π°Π²Π΅ΡΠ½ΡΠΊΠ° Π²ΡΠ·ΠΎΠ²Π΅Ρ ΠΎΡΠΈΠ±ΠΊΠΈ. ΠΠ°ΠΊ ΡΠ΄Π°Π»ΠΈΡΡ: # 372.
Π£ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ Svelte Π΄Π»Ρ VSCode, Π΅ΡΠ»ΠΈ Π²Ρ ΠΎΠ± ΡΡΠΎΠΌ ΠΏΡΠΎΡΠΈΡΠ΅. ΠΡΠΈΡΠΈΠ°Π»ΡΠ½Π°Ρ Π½ΠΎΠ²Π°Ρ. ΠΠ΅ΡΠ΅ΡΡΡΠ°Π½ΠΎΠ²ΠΈΠ» Π΄Π²Π° Π΄Π½Ρ Π½Π°Π·Π°Π΄
ΠΡ ΡΠ°Π½Π΅Π΅ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π»ΠΈ ΡΡΠ°ΡΠΎΠ΅ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ "Svelte" ΠΠΆΠ΅ΠΉΠΌΡΠ° ΠΠ΅ΡΡΠ»ΡΠ°? ΠΡΠ»ΠΈ Π΄Π°, Π²Ρ Π΅Π³ΠΎ ΡΠ΄Π°Π»ΠΈΠ»ΠΈ?
ΠΠ΅Ρ, Π½Π΅ Π·Π½Π°Π»: / Π£ ΠΌΠ΅Π½Ρ Π±ΡΠ»Π° ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΡΠ»Π΅Π΄Π½ΡΡ
SASS, ΠΊ ΡΠΎΠΆΠ°Π»Π΅Π½ΠΈΡ, Π² Π½Π°ΡΡΠΎΡΡΠ΅Π΅ Π²ΡΠ΅ΠΌΡ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΠ°Ρ Π½Π°ΠΌΠΈ ΡΠ·ΡΠΊΠΎΠ²Π°Ρ ΡΠ»ΡΠΆΠ±Π° css Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Π΅Π³ΠΎ. ΠΠΎ Π½Π°Π΄ΠΎ Ρ ΠΎΡΡ ΠΊΠ°ΠΊ-ΡΠΎ ΠΎΡΠΊΠ»ΡΡΠΈΡΡ Π²ΡΡ Π΄ΠΈΠ°Π³Π½ΠΎΡΡΠΈΠΊΡ, ΡΡΠΎΠ±Ρ Π½Π΅ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ Π²Π°ΠΌ ΡΡΠΈ Π»ΠΎΠΆΠ½ΡΠ΅ ΠΎΡΠΈΠ±ΠΊΠΈ.
ΠΠ°ΠΊ Π²Ρ Π΄ΡΠΌΠ°Π΅ΡΠ΅, Π±ΡΠ΄Π΅Ρ Π»ΠΈ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° SASS Π² Π±ΡΠ΄ΡΡΠ΅ΠΌ?
@ 7antra ΠΏΡΠΎΡΡΠΎ ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅: ΠΏΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ webstorm (Ρ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ svelte), Ρ Π½Π΅Π³ΠΎ Π΅ΡΡΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° sass
Π― Π½Π΅ Π΄ΡΠΌΠ°Ρ, ΡΡΠΎ Π² Π±Π»ΠΈΠΆΠ°ΠΉΡΠ΅Π΅ Π²ΡΠ΅ΠΌΡ ΠΌΡ Π±ΡΠ΄Π΅ΠΌ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ SASS ΠΈΠ· ΠΊΠΎΡΠΎΠ±ΠΊΠΈ. ΠΠ΄Π½Π°ΠΊΠΎ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΡΡΡΠΎΠΈΡΡ ΡΠ²ΠΎΡ Π½Π°ΡΡΡΠΎΠΉΠΊΡ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΡ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΊΡ ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ° ΠΈ ΠΈΠ·Π±Π°Π²ΠΈΡΡΡΡ ΠΎΡ ΠΎΡΠΈΠ±ΠΎΠΊ. Π‘ΠΌ. ΠΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ Π΄Π»Ρ ΠΏΠΎΠ»ΡΡΠ΅Π½ΠΈΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ.
ΠΡΠ΅ ΠΎΠ΄Π½Π° Π΄ΠΈΠΊΠ°Ρ Π΄ΠΎΠ³Π°Π΄ΠΊΠ°, ΠΏΠΎΡΠ΅ΠΌΡ ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΎΠΈΠ·ΠΎΠΉΡΠΈ: Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Ρ Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ "files.associations": {"*.svelte": "html" }
Π² Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ VSCode, ΡΡΠΎΠ±Ρ ΡΠ°ΠΉΠ»Ρ Svelte ΠΎΠ±ΡΠ°Π±Π°ΡΡΠ²Π°Π»ΠΈΡΡ ΠΊΠ°ΠΊ ΡΠ°ΠΉΠ»Ρ HTML. ΠΡΠ»ΠΈ Π΄Π°, ΡΠΎ ΡΡΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ ΡΠ΄Π°Π»ΠΈΡΡ. Π’Π°ΠΊΠΆΠ΅ ΡΠΌ. Https://github.com/sveltejs/language-tools/tree/master/packages/svelte-vscode#setup
ΠΠ°ΠΊΡΡΡΠΈΠ΅ ΠΈΠ·-Π·Π° Π±Π΅Π·Π΄Π΅ΠΉΡΡΠ²ΠΈΡ, ΠΈ ΠΌΡ Π½Π΅ ΠΌΠΎΠΆΠ΅ΠΌ ΡΡΠΎ Π²ΠΎΡΠΏΡΠΎΠΈΠ·Π²Π΅ΡΡΠΈ.