Hbuilder如何建立並運行Vue項目

之前在用hbuilder開發的時候用的是html 用一些使用手機端的框架 如 mui等。 http://dev.dcloud.net.cn/mui/css

手機端框架可參考: https://blog.csdn.net/Gabriel_wei/article/details/96476794html

注:前端

1.使用HTML來開發界面。
2.你最好選擇MUI前端框架。
3.Javascript寫邏輯。
4.css寫樣式。
5.Ajax跨域調用APP應用服務端,獲取數據,再引用個模板引擎之類的vue

如今都用vue 打包成dist 放入hbuilder 發佈。npm

如今hbuilder也能夠來開發vue 和 小程序等。小程序

1. 首先打開Hbuilder建立一個新項目,以下圖所示跨域

Hbuilder如何建立並運行Vue項目

2. 接着模板選擇Vue項目,以下圖所示瀏覽器

Hbuilder如何建立並運行Vue項目

3. 而後等待一會項目就建立好了,以下圖所示前端框架

Hbuilder如何建立並運行Vue項目

4. 接着右鍵單擊選擇npm run build,以下圖所示框架

運行終端類型可選:內部終端 或外部終端 。(無內部終端需下載)

Hbuilder如何建立並運行Vue項目

5. 而後繼續右鍵單擊選擇npm run serve,以下圖所示

Hbuilder如何建立並運行Vue項目

6. 接着找底部出現的地址和端口號,以下圖所示

Hbuilder如何建立並運行Vue項目

7. 最後在瀏覽器中輸入便可訪問vue頁面了,以下圖所示

Hbuilder如何建立並運行Vue項目

 

8,打包 npm run build

總結:

1,打開Hbuilder建立一個新項目

2,模板選擇Vue項目

3,等待一會項目就建立好了

4,右鍵單擊選擇npm run build

5,繼續右鍵單擊選擇npm run serve

6,找底部出現的地址和端口號

7,在瀏覽器中輸入便可訪問vue頁面了

8,打包 npm run build

相關文章
相關標籤/搜索