1. Инсталация в йонна среда
Ionic разработката зависи от средата на Nodejs, затова трябва да инсталираме Nodejs преди разработката. Изтегляне и инсталиране:Входът към хиперлинк е видим.
След като инсталацията приключи, отворете PowerShell и въведете командите възел -v и npm -v, за да проверите дали инсталацията е успешна, и ако се върне номерът на версията, това означава, че е успешна.
Изпълнение в командния ред на PowerShell:
Това е за инсталиране на cordova и ionic чрез npm package manager, -g означава глобална инсталация, а след глобална инсталация можете да използвате cordova и ionic команди във всяка директория на PowerShell.
Може да срещнете следната грешка:
2. Създайте йонийски проект
Официалният уебсайт на Ionic предлага три шаблона за проекти – празни, табове и странично меню, моля, вижте към:Входът към хиперлинк е видим.
Създаваме приложението си с шаблона за табове, отваряме PowerShell CD-то в директорията за разработка и изпълняваме:
където myApp е името на нашия проект
Както е показано по-долу:
C:\project\android>ionic start myApp tabs
√ Създаване на директория .\myApp - готово!
√ Стартиране на изтегляне и извличане на табове - готово!
? Бихте ли искали да интегрирате новото си приложение с Cordova, за да се насочите към нативни iOS и Android? Да
√ Персонализиране на ionic.config.json и package.json – готово!
> йонни интеграции позволяват Cordova --quiet
√ Изтегляне на интеграция Cordova - готово!
√ Копиране на файлове от интеграции към проект - готово!
[Добре] Добавена интеграция с Cordova!
Инсталирането на зависимости може да отнеме няколко минути.
* IONIC DEVAPP *
Ускорете разработката с Ionic DevApp, нашето бързо мобилно приложение за тестване на устройството
- Тест на iOS и Android без нативни SDK
- LiveReload за моментални актуализации на стил и JS
️--> Install DevApp:Входът към хиперлинк е видим. <--
> npm i
× Изпълняване на команда - неуспешно!
[ГРЕШКА]
>node-sass@4.9.0инсталирай C:\project\android\myApp\node_modules\node-sass
> скриптове/install.js
Изтегляне на бинарен файл отВходът към хиперлинк е видим.
Изтеглянето е завършено
Бинарен файл запазен в C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Кеширане на бинарен файл към C:\Users\itsvse_pc\AppData\Roaming\npm-cache\node-sass\4.9.0\win32-x64-57_binding.node
>uglifyjs-webpack-plugin@0.4.6postinstall C:\project\android\myApp\node_modules\uglifyjs-webpack-plugin
> node lib/post_install.js
>node-sass@4.9.0postinstall C:\project\android\myApp\node_modules\node-sass
> скриптове/build.js
Бинарен файл намерен на C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Тестване на двоичен файл
Бинарният вариант е напълно приемлив
npm ЕРР! path C:\project\android\myApp\node_modules\fsevents\node_modules
npm ЕРР! код EPERM
npm ЕРР! errno -4048
npm ЕРР! Syscall LSTAT
npm ЕРР! Грешка: EPERM: операцията не е разрешена, lstat
'C:\project\android\myApp\node_modules\fsevents\node_modules'
npm ЕРР! { Грешка: EPERM: операцията не е разрешена, lstat
'C:\project\android\myApp\node_modules\fsevents\node_modules'
npm ЕРР! стек: 'Грешка: EPERM: операцията не е разрешена, lstat
\'C:\\project\\android\\myApp\\node_modules\\fsevents\\node_modules'',
npm ЕРР! Грешка: -4048,
npm ЕРР! код: 'EPERM',
npm ЕРР! syscall: 'lstat',
npm ЕРР! path: 'C:\\project\\android\\myApp\\node_modules\\fsevents\\node_modules' }
npm ЕРР!
npm ЕРР! Моля, опитайте да стартирате тази команда отново като root/администратор.
npm ЕРР! Пълен дневник на този период може да бъде намерен в:
npm ЕРР! C:\Users\itsvse_pc\AppData\Roaming\npm-cache\_logs\2018-06-19T06_52_38_238Z-debug.log
Възникна грешка,Решението е да се стартира cmd като администратор и след това да се изпълни горната команда отново！！
Използвайте CD-то, за да влезете в нашия проект, след което изпълнете следната команда, за да стартирате браузърната услуга:
След като изпълнението приключи, Ionic автоматично ще ни помогне да отворим браузъра по подразбиране и да преминем към страницата на приложението. Когато браузърът отвори страницата, Ionic е включил режим livereload за нас, след като го отворим, редактираме файла под www и го запазим. Ionic ще уведоми браузъра да обнови страницата през websocket,Не е нужно да обновяваме страницата ръчно всеки път, когато правим промении значително подобри ефективността на нашата работа.
Както е показано по-долу:
|
Публикувано в 19.06.2018 г. 15:07:03 ч.
|
|
|
|
