uni-app開發環境-有解無憂

uni-app開發環境

- - 搭建開發環境
  - - 安裝并運行HbuiderX
    - - 創建uni-app專案
    - 使用vue-cli的方式運行專案

搭建開發環境

安裝并運行HbuiderX

https://www.dcloud.io/hbuilderx.html

$[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-2Q69NVen-1612515129213)(F:\Uni-app.assets\image-20210201142828682.png)]$

創建uni-app專案

$[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-uWUNFEdx-1612515129217)(F:\Uni-app.assets\image-20210201143440063.png)]$

使用vue-cli的方式運行專案

C:\Users\52Hz>node -v                                                                                                           v10.14.2   

C:\Users\52Hz>npm install @vue-cli -g                                                                                             npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli                                        npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142              npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)                            npm WARN deprecated har-validator@5.1.5: this library is no longer supported                                                     C:\Users\52Hz\AppData\Roaming\npm\vue-init -> C:\Users\52Hz\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-init               C:\Users\52Hz\AppData\Roaming\npm\vue -> C:\Users\52Hz\AppData\Roaming\npm\node_modules\vue-cli\bin\vue                         C:\Users\52Hz\AppData\Roaming\npm\vue-list -> C:\Users\52Hz\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-list               + vue-cli@2.9.6                                                                                                                 added 236 packages from 204 contributors in 9.732s

C:\Users\52Hz>vue -V                                                                                                             2.9.6 

C:\Users\52Hz>npm cache clean --force                                                                                           npm WARN using --force I sure hope you know what you are doing.                                                                 C:\Users\52Hz>npm i -g npm                                                                                                       C:\Users\52Hz\AppData\Roaming\npm\npx -> C:\Users\52Hz\AppData\Roaming\npm\node_modules\npm\bin\npx-cli.js                       C:\Users\52Hz\AppData\Roaming\npm\npm -> C:\Users\52Hz\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js                        + npm@6.14.11                                                                                                                   added 435 packages from 889 contributors in 5.667s

$[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-MNgFJOz8-1612515129218)(F:\Uni-app.assets\image-20210201145132838.png)]$

C:\Users\52Hz\Desktop>vue create -p dcloudio/uni-preset-vue test-uniapp                                                         Fetching remote preset dcloudio/uni-preset-vue...

$[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-a0rr5YYB-1612515129220)(F:\Uni-app.assets\image-20210201145359786.png)]$

$[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-eCghpiP7-1612515129221)(F:\Uni-app.assets\image-20210201145842117.png)]$

轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/257510.html

標籤：區塊鏈

上一篇：Deepin V20原始碼編譯Node和npm

下一篇：vue 引入 uView 報錯：Module build failed (from ./node_modules/postcss-loader/src/index.js): SyntaxError