vue項目開發(一) 利用vue-cli+webpack構建一個vue項目

    到現在已經用Vue寫了幾個項目了,對Vue也算是比較熟悉了,對於Vue基本語法這裏不做過多的介紹,具體語法可通過官網進行學習,現在主要來分享一下自己是如何利用Vue開發一個項目的。

    要進行Vue開發,我們首先要搭建起一個Vue項目的框架,在這裏我用到的是Vue-cli+Webpack的方式進行的項目框架的搭建,主要分爲以下幾個步驟。

    (1)全局安裝Vue腳手架Vue-cli.

          命令: npm install -g vue-cli


    (2)利用webpack創建一個屬於自己的項目文件夾。

  命令:vue init webpack vue_demo


    (3)進入上面創建的項目文件夾並安裝項目所需要的依賴包。

         命令:cd   vue_demo             /*進入項目*/

                      npm install                   /*安裝依賴包*/


    (4)運行項目。

          命令:npm run dev


    如果你看到這個頁面,那恭喜你,一個簡單的vue項目就搭建成功了。


    如果遇到什麼問題,歡迎留言一起探討。

    

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章