ionic 入門建立第乙個應用demo

2022-05-31 01:42:08 字數 2161 閱讀 1754

一、ionic解除安裝

1.清除舊版本的ionic框架

npm uninstall -g ionic 


npm uninstall -g cordova 


npm cache clear 


npm cache clean
2.確定ionic具有哪些可以建立的模板

ionic start --list
二、ionic安裝1.npm安裝

sudo apt-get install  npm
由於牆的問題，可能會出現問題

2.nodejs安裝

sudo apt-get install  nodejs
3.cordova和ionic安裝　　

sudo npm install -g cordova ionic
4.測試cordova和ionic是否安裝成功

//測試cordova, 直接輸入


$ cordova


//測試ionic，直接輸入


$ ionic
分別出現：　

說明安裝成功

檢視相應版本：

cordova -v


ionic -v
5.建立ionic應用

(1)檢視當前版本ionic可以建立的模板

(2)建立應用

ionic start demo [templatename]
不加templatename時，預設安裝的是tabs模板的

（3）應用建立成功，當前目錄會建立乙個以你命名的資料夾

（4）進入到該應用目錄下： cd demo

(5)此時可以看到該目錄下已經有一些檔案，並且包含乙個package.json的檔案，了解一點前端nodejs技術的人都知道，這是該應用需要安裝的模組的列表，此時執行

npm install
即按照該檔案進行安裝相應的檔案，執行結束後，會出現乙個 node_modules的檔案目錄，該目錄下的檔案就是應用需要的模組，不需要我們進行任何操作

注意：

直接執行npm install 僅適用於本地，並且未配置虛擬網域名稱，如果需要通過網域名稱訪問，則需要修改package.json檔案

具體修改操作：

加入一條url的配置，配置的值為你自己的網域名稱

(6) 執行應用：

網域名稱訪問的情況的話，需要手動輸入你配置的網域名稱，我的是：

頁面效果為：

在審查元素下選擇移動裝置效果，

ionic入門搭建應用模板完成

操作中可能最大的問題就是npm的安裝和ionic建立應用時可能會失敗

Django建立第乙個應用

django自帶乙個實用程式，可以自動生成應用程式的基本目錄結構，因此您可以專注於編寫 而不是建立目錄。要建立您的應用程式，請確保您與目錄位於同一目錄，manage.py 並鍵入以下命令 這將建立乙個目錄myweb，其目錄如下 此目錄結構將容納輪詢應用程式。root localhost demo t...

Django建立第乙個應用

django自帶乙個實用程式，可以自動生成應用程式的基本目錄結構，因此您可以專注於編寫 而不是建立目錄。要建立您的應用程式，請確保您與目錄位於同一目錄，manage.py 並鍵入以下命令 這將建立乙個目錄myweb，其目錄如下 此目錄結構將容納輪詢應用程式。root localhost demo t...

uni app 建立的第乙個應用

前端修煉之路，歡迎關注 因為這是個真實的專案，為了一名合格的程式設計師的職業操守，專案真實資料部分並不會開源。為了提高整體的流暢性和幫助自己開發，資料部分採用easy mock模擬的假資料。有需要的朋友可以自行修改介面。拋去這些困惑以外，單純對這個專案而言，通過這個過程，將自己原本不會的東西，通過一...