vue初級學習--控制台創建vue項目


一、導語

  困困的我,好想睡啊,但還是敲下這邊有的沒的的筆記吧

二、正文

  1、輸入 vue list 可查看此環境下,vue能創建的項目模板

  

  沒將webpack、vue-route啃精了的話,老實用webpack這個模板吧,他會自動的將你所要的環境都搭建好

  2、輸入 vue init webpack myDemo 可創建webpack型的vue項目

  其中 webpack為項目模板,可從上圖中的5中模板類型中選擇其中一種,myDemo是項目名稱

  

  如此,一個vue項目自動創建成功,可到對應的項目存放路徑中查看

  

  3、想要運行此項目,還需要裝依賴文件node_modules

  先進入此項目,再在控制台中輸入  cnpm install 

  

  此時,已將所有依賴安裝成功

  

  4、運行此項目

  在控制台輸入 npm run dev 可運行此項目

  

  

  

  看到此界面, 即代表此項目運行成功!!!

  5、打包vue項目

  打包就簡單多了,直接輸入 npm run build 就行了,打包后成功的文件,默認是存放在dist文件夾中,只需將此文件夾放入服務器即可

三、結束語

  粗暴、簡單、明了、自賣自誇,哇哈哈


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM