欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

VUE腳手架具體使用方法

 更新時間:2019年05月20日 09:20:32   作者:老鼠蟒蛇  
這篇文章主要介紹了VUE腳手架具體使用方法,vue-cli這個構(gòu)建工具大大降低了webpack的使用難度,小編覺得不錯,下面就一起來了解一下具體使用方法

什么是vue腳手架?

他是一個快速構(gòu)建 vue 項目的工具,通過他,我們可以將 vue 所需要的文件安裝完成。

vue-cli這個構(gòu)建工具大大降低了webpack的使用難度,支持熱更新,有webpack-dev-server的支持,

相當(dāng)于啟動了一個請求服務(wù)器,給你搭建了一個測試環(huán)境,只關(guān)注開發(fā)就OK。

安裝 vue-cli 腳手架

安裝腳手架需要用 cnpm( 淘寶鏡像 ) 安裝 , 直接用 pip 安裝 會失敗 , 安裝 cnpm 命令如下 :

npm install cnpm -g --registry=https://registry.npm.taobao.org

安裝成功輸入 :cnpm-V, 查看 cnpm 是否安裝成功 ,

注意 V 一定要是大寫 .

安裝 vue 腳手架命令去下 :

cnpm install -g vue-cli 安裝成功是下面這樣的

然后使用 vue-V 查看是否安裝成功.

如果安裝失敗可能是 cnpm 版本過低 , 更新 cnpm 的版本即可 .

cnpm 更新必須要手動更新,更新命令如下:

npm install -g npm

使用 vue init webpack myitem    這條命令,就可以創(chuàng)建一個 vue

的腳手架。

解釋一下命令 :

vue init 即使用vue-cli初始化一個項目。

webpack 是說使用webpack作為構(gòu)建工具。

firstvue 是項目名稱。 注意: 項目名稱推薦使用小寫字母。

安裝時會暫停一下 , 你點擊 Enter 進行下一步就可以了 ,

Install vue-router?  是否安裝 vue 的路由 ? 如果你要做前后端的項目的話 , 就要選擇 yes, 建議選擇 yes.

Pick an unit tester jest  是否單元測試

其他的更具自己的需求進行選擇

安裝成功會顯示出這兩個命令 :

這個時候進入你新建的 vue 項目的目錄下 , 你會發(fā)現(xiàn)他新建了一個 mytime 的文件夾

在運行項目前 , 需要安裝依賴 , 命令如下:

cnpm install

Vue 需要在黑窗口啟動一下 .

啟動之前進入 vue 的項目根目錄下 . 輸入命令 :

cd mytime  進入根目錄

npm run dev  啟動項目

啟動成功效果如下 :

復(fù)制路由 : http://localhost:8081 , 在谷歌瀏覽器打開 , 會顯示頁面 :

這個時候 , 一個完整的 vue 腳手架成功搭建成功 .

把你新建的 vue 項目拖拽到你的編程軟件的根目錄下 :

會出現(xiàn)這些文件 , 這個時候 , 你就可以進行編輯了

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • antd vue表格可編輯單元格以及求和實現(xiàn)方式

    antd vue表格可編輯單元格以及求和實現(xiàn)方式

    這篇文章主要介紹了antd vue表格可編輯單元格以及求和實現(xiàn)方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-04-04
  • vue中使用$emit傳遞多個參數(shù)的2種方法

    vue中使用$emit傳遞多個參數(shù)的2種方法

    這篇文章主要給大家介紹了關(guān)于vue中如何使用$emit傳遞多個參數(shù)的2種方法,在Vue中可以使用$emit方法向父組件傳遞數(shù)據(jù),文中通過代碼介紹的非常詳細,需要的朋友可以參考下
    2023-10-10
  • Vue 中axios配置實例詳解

    Vue 中axios配置實例詳解

    本文通過實例代碼給大家介紹了Vue axios配置,非常不錯,代碼簡單易懂,具有一定的參考借鑒價值,需要的朋友可以參考下
    2018-07-07
  • 利用Vue實現(xiàn)移動端圖片輪播組件的方法實例

    利用Vue實現(xiàn)移動端圖片輪播組件的方法實例

    輪播圖是前端很常用的一個網(wǎng)頁特效,幾乎所有的網(wǎng)站或多或少都會用到這個特效。下面這篇文章主要給大家介紹了關(guān)于利用Vue實現(xiàn)移動端圖片輪播組件的相關(guān)資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下。
    2017-08-08
  • Vue 如何使用props、emit實現(xiàn)自定義雙向綁定的實現(xiàn)

    Vue 如何使用props、emit實現(xiàn)自定義雙向綁定的實現(xiàn)

    這篇文章主要介紹了Vue 如何使用props、emit實現(xiàn)自定義雙向綁定的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-06-06
  • Vue 解決通過this.$refs來獲取DOM或者組件報錯問題

    Vue 解決通過this.$refs來獲取DOM或者組件報錯問題

    這篇文章主要介紹了Vue 解決通過this.$refs來獲取DOM或者組件報錯問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-07-07
  • Vue+Echarts實現(xiàn)簡單折線圖

    Vue+Echarts實現(xiàn)簡單折線圖

    這篇文章主要為大家詳細介紹了Vue+Echarts實現(xiàn)簡單折線圖,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-03-03
  • vue中實現(xiàn)子組件接收父組件方法并獲取返回值

    vue中實現(xiàn)子組件接收父組件方法并獲取返回值

    這篇文章主要介紹了vue中實現(xiàn)子組件接收父組件方法并獲取返回值方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-08-08
  • vue?parseHTML函數(shù)源碼解析start鉤子函數(shù)

    vue?parseHTML函數(shù)源碼解析start鉤子函數(shù)

    這篇文章主要為大家介紹了vue?parseHTML函數(shù)源碼解析start鉤子函數(shù),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-07-07
  • vue中上傳視頻或圖片或圖片和文字一起到后端的解決方法

    vue中上傳視頻或圖片或圖片和文字一起到后端的解決方法

    這篇文章主要介紹了vue中上傳視頻或圖片或圖片和文字一起到后端的解決方法,需要的朋友可以參考一下
    2019-12-12

最新評論