Vue.js 搭建

壹-biu

開始學習關於前端的知識,或多或少不會每天被前端的大爺虐了,

搭建一個vue項目,利用vue-cli直接create一個vue+webpack項目. vue-cli就好像IDEA創建springboot項目同樣方便.

如下關於項目學習node,npm的版本.

 

貳-vue-cli安裝

先安裝vue-cli,用cnpm install vue-cli -g命令,全局安裝

vue中自帶着webpack插件,因此不須要本身再裝一次,之前的版本我就不清楚了

 

叄-搭建

路徑: e:/MyProject

命令: vue init webpack warrior      ---warrior是我定義的項目名字,能夠本身設置,不要大寫

一頓操做,回車回車回車,也沒看是什麼東西,先都加上,後面再說.

反正很慢,是否是你們都同樣慢,仍是就我這邊很慢.回頭看看,感受是一頓回車的問題,玩壞了

再來一次 ↓ ↓ ↓

到這步的時候,選擇 NO,I wil handle that myself 本身處理的就行了

finished完成.  上面有提示,接下來的操做npm和yarn都有說明

項目生成了,這邊使用Visual Studio Code工具打開,

感受和後臺有點相似,猜測寫的腳本應該都在src裏邊,config配置,static靜態,test測試, 點.開頭的文件應該都是相關對應的配置,後面慢慢學習

 

肆-運行

命令: cnpm install     ---安裝模塊,也能夠npm install

安裝完成後，目錄中會多出來一個node_modules文件夾

而後 npm start 啓動項目

Your application is running here: http://localhost:8080

好了,瀏覽器訪問url,返回如下頁面,成功了

 

只是會操做了,裏面還有不少東西都不瞭解,繼續學習

-----------------------------------------------------