Интернетке арналған Visual Studio Code (алдын ала қарау нұсқасы) көмегімен кодты өңдеу
[Бұл тақырып шығарылым алдындағы құжаттама болып табылады және өзгертілуі мүмкін.]
Дизайн студиясында сайт кодын Интернетке арналған Visual Studio Code көмегімен өңдеуге болады. Бұл функция келесі веб-сайт метадеректері үшін статикалық мазмұнды, HTML, CSS, Liquid және JavaScript тілдерін өңдеуге мүмкіндік береді.
| Метадеректер | Мазмұны |
|---|---|
| Кеңейтілген пішіндер (көп сатылы пішіндер) | JavaScript |
| Негізгі пішіндер | JavaScript |
| Мазмұн бөліктері | Барлық қолдау көрсетілетін мазмұн бөлігінің мазмұны |
| Тізімдер | JavaScript |
| Веб-файлдар | Мультимедиа файлдарын көріңіз және жүктеп алыңыз. Мәтін (код) файлдарын өңдеңіз. |
| Веб-беттер | Барлық қолдау көрсетілетін мазмұн (әр тілге), JavaScript және CSS |
| Веб-үлгілер | Барлық қолдау көрсетілетін мазмұн |
Ескертпе
Метадеректер жазбаларын жасай алмайсыз, тек мазмұн мен кодты қоса және өңдей аласыз әрі файл тіркемелерін көре/жүктеп ала аласыз.
Интернетке арналған Visual Studio Code қызметі шолғышта толығымен жұмыс істейтін тегін, орнатылмайтын Microsoft Visual Studio Code тәжірибесін қамтамасыз етіп, сайт кодын шолуға және жеңіл кодты өзгертулерді жылдам және қауіпсіз жасауға мүмкіндік береді. Қосымша ақпарат: Интернетке арналған Visual Studio Code тәжірибесі.
Маңызды
- Бұл алдын ала қарау мүмкіндігі болып табылады.
- Алдын ала қарау мүмкіндіктері өндірісті пайдалану үшін арналмаған және функционалдық шектеулі болуы мүмкін. Бұл мүмкіндіктер ресми жарияланудан бұрын қолжетімді, сондықтан тұтынушылар ерте қатынаса алады және кері байланыс бере алады.
Ескертпе
- Интернетке арналған Visual Studio Code қызметін алғаш рет жүктеу біраз уақыт алуы мүмкін, себебі ол осы мүмкіндікке қажетті кеңейтімдерді орнатады.
- Файлды жасау, жою және қайта атау әрекеттеріне қолдау көрсетілмейді.
- Бұл мүмкіндік Power Platform Tools веб-кеңейтімін пайдаланады. Веб-кеңейтімдер шолғыштың сынақ данасымен шектелген, сондықтан қалыпты кеңейтімдермен салыстырғанда шектеулер бар.
- Power Platform CLI қолдау көрсетілмейді.
- Power Platform Tools веб-кеңейтімі мүмкіндіктері Power Pages кодын өңдеу тәжірибесімен шектелген.
- Бұл мүмкіндік үкіметтік қауымдастық бұлтында (GCC), үкіметтік қауымдастық бұлтында (GCC High) және қорғаныс министрлігінде (DoD) қолжетімді емес. Бұл аймақтардағы пайдаланушылар кодты өңдеу үшін Порталдарды басқару бағдарламасын пайдаланады. Қосымша ақпаратты Порталдарды басқару бағдарламасында кодты өңдеу бөлімінен қараңыз.
Дизайн студиясында қолжетімді кодты өңдеу
Сайт кодын өңдеуді Visual Studio басты беттегі Power Pages Веб коды арқылы Сайт кодын өңдеу арқылы бастай аласыз. опциясын Өңдеу ашылмалы мәзірден таңдаңыз.
Сондай-ақ дизайн студиясында келесі аймақтардағы кодты өңдеуге болады:
- Беттер жұмыс кеңістігінен веб-бет кодын өңдеу
- Беттер жұмыс кеңістігіндегі тақырып үлгісінің коды
- Сәндеу жұмыс кеңістігінен реттелетін CSS кодын өңдеу
- Көп сатылы пішіндер үшін реттелетін JavaScript кодын өңдеу
- Негізгі пішіндер үшін реттелетін JavaScript кодын өңдеу
- Тізімдерге арналған реттелетін JavaScript тілін өңдеу
- Мазмұн бөліктерін өңдеу
- Веб-үлгілерді өңдеу
- Мультимедиа веб-файлдарын (кескіндерін) көру және жүктеп алу
- Мәтінге негізделген веб-файлдарды (CSS, JavaScript, т.б.) өңдеу
Осы аймақтарды пайдаланып кодты өңдеу жолын қарастырайық.
Беттер жұмыс кеңістігінен веб-бет кодын өңдеу
Power Pages дизайн студиясын ашқан кезде, Беттер мәзірінде1 және экранның жоғарғы оң жақ бұрышында2 Кодты өңдеу опциясын көресіз.
Беттер жұмыс кеңістігіндегі тақырып үлгісінің коды
Код өңдегішін ашу үшін Сайт тақырыбын өңдеу параметрін таңдап, Кодты өңдеу параметрін таңдаңыз.
Сәндеу жұмыс кеңістігінен реттелетін CSS кодын өңдеу
Сәндеу жұмыс кеңістігі тармағына өтіп, код өңдегішін ашу үшін қолжетімді реттелетін CSS Кодты өңдеу мәзірін таңдаңыз.
Қайшылық туралы хабарландыруды біріктіру
Сіз басқа әзірлеушілермен жұмыс істеп жатсаңыз, бір бастапқы кодта жұмыс істейтін жағдайлар болуы мүмкін. Ескірген файлға өзгертулерді сақтауға әрекет жасаған жағдайда Салыстыру немесе Қайта жазу өзгерістері туралы хабарландыру аласыз.
Кодты салыстыру ағымдағы код пен кодыңызды бірге көрсетеді және бұрыннан бар өзгерістерге оралуға, әрбір өзгертуді жеке-жеке қабылдауға немесе өзгертулерді пайдалануға және бұрыннан бар мазмұнды қайта жазуға мүмкіндік береді.
Соңғы мазмұнды қарап шығып, кодты біріктіруге немесе қайта жазуға болады немесе өзгертулерден бас тартуға болады.
Оқулық: Интернетке арналған Visual Studio Code көмегімен сайт кодын өңдеу
Бұл оқулықта Интернетке арналған Visual Studio Code көмегімен сайт кодын өңдеуден өтесіз.
қадам 1: Visual Studio Веб кодын пайдаланып сайт кодын өңдеу
Power Pages дизайн студиясында сайтыңызды ашыңыз
Жоғарғы оң жақ бұрышта Кодты өңдеу параметрін таңдаңыз
Растау диалогтік терезесінен Visual Studio Code бағдарламасын ашу параметрін таңдаңыз.
Орталардың тіркелгі деректерімен Visual Studio Code жүйесіне кіріңіз.
Сол жақ тақтада Power Platform Tools веб-кеңейтімінің баптандырылуын және веб-бет кодының жүктелуін күтіңіз.
2-қадам: мазмұн мен кодты жаңарту
Экранның сол жағындағы зерттеу құралы Интернетке арналған Visual Code көмегімен өңдеуге болатын тиісті веб-сайт конфигурациясы метадеректерін жүктейді.
Сәйкес метадеректер файлдарына өзгертулер енгізіп, өзгертулерді сақтау үшін Ctrl+S тіркесімін басыңыз.
Дизайн студиясына өтіп, ағымдағы дизайн студиясының сеансында барлық жаңартуды алу үшін Синхрондау параметрін таңдаңыз.
Power Pages сайтында өзгерістерді көру үшін Алдын ала қарау параметрін таңдаңыз.
Visual Studio Интернет кодын немесе Visual Studio Код жұмыс үстелін пайдалану
Пайдаланушылар сыртқы құралдарды пайдаланбай Интернетке арналған Visual Studio Code көмегімен бет өзгерістерін өңдей, күйін келтіре және алдын ала қарай алады. Visual Studio Code Desktop сайттың барлық метадеректерін өңдеуге және GitHub, фреймворктармен және үздіксіз интеграция/үздіксіз даму (CI/CD) процестерімен біріктіруге арналған басқа кеңейтілген мүмкіндіктерді қамтамасыз етеді.
| Мүмкіндік | Интернетке арналған VS коды | VS Code Desktop |
|---|---|---|
| Жаңа веб-сайт конфигурациясы метадеректерінің жазбаларын жасау | No | Веб-беттермен, бет үлгілерімен, веб-үлгілермен, мазмұн бөліктерімен және веб-файлдармен шектелген. |
| Сайтты тікелей өңдеу | Иә | No |
| Сайт метадеректерін өңдеу | Веб-беттерді, мазмұн бөліктерін, негізгі пішіндерді, көп сатылы пішіндерді, тізімдерді және веб-үлгілерді өңдеумен шектелген. | Барлық Power Pages метадеректері конфигурациясы |
| Сайттың алдын ала қарау нұсқасы | Жоспарланған | Жоспарланған |
| Power Platform CLI қолдауы | No | Иә |
| Кеңейтілген орталық процессор мен жадты байланыстыру жұмыс ағыны - ReactJS немесе басқа құрылымды құрастыру құралының қолдауы | No | Иә |
| Кодты тіркеу, шығу, қайшылықтарды басқару және біріктіру сияқты мүмкіндіктермен GitHub біріктіруі. | No | Иә |
Порталдарды басқару бағдарламасында кодты өңдеу
Ескертпе
- Веб-сайттарды өңдеу үшін Visual Studio Веб кодын пайдалануға Government Community Cloud (GCC), Government Community Cloud (GCC High) және Қорғаныс министрлігінде (DoD) қолдау көрсетілмейді. Бұл аймақтардағы пайдаланушылар өзгертулер жасау үшін Порталдарды басқару бағдарламасын пайдалана алады.
Егер аймақта Интернетке арналған Visual Studio Code бағдарламасына қолдау көрсетілмесе, пәрмен жолағынан </> код өңдегіш белгішесін таңдау Порталдарды басқару бағдарламасын ашады.
Кодты өңдеу үшін сәйкес Веб-беттер, Негізгі пішіндер, Көп сатылы пішіндер, Тізімдер немесе Веб-үлгілер жазбаларына өтіңіз.
| Түр | Код орны |
|---|---|
| Веб-бет | Веб-бет жазбасын таңдаңыз.
Веб-бет мазмұны жазбасын Локализацияланған мазмұн бөлімінен таңдаңыз. Бет көшірмесін Жалпы мәліметтер қойыншасында Көшіру (HTML) өрісінде өңдеуге болады. Кеңейтілген қойыншасында Реттелетін JavaScript және Реттелетін CSS кодын өңдеуге болады. |
| Негізгі пішін | Негізгі пішін жазбасын таңдаңыз. Қосымша параметрлер қойыншасында Реттелетін JavaScript параметрін өңдеңіз. |
| Көп сатылы пішін | Көп сатылы пішін жазбасын таңдаңыз. Пішін қадамдары қойыншасынан көп сатылы пішін қадамын таңдаңыз. Пішін опциялары қойыншасында Реттелетін JavaScript параметрін өңдеңіз. |
| Тізім | Тізім жазбасын таңдаңыз. Опциялар қойыншасында Реттелетін JavaScript параметрін өңдеңіз. |
| Веб-үлгі | Веб-үлгі жазбасын таңдаңыз. Жалпы мәліметтер қойыншасында Көз параметрін өңдеңіз. |
Жазбаны сақтап, кодты сынау үшін веб-сайтыңызды алдын ала қараңыз.