1. 程式人生 > >Vue.js基礎學習之 搭建vue.js 專案框架。

Vue.js基礎學習之 搭建vue.js 專案框架。

還是那就俗話,寫部落格的原因就是為記筆記。其實本人也在word 文件上,也記了,但是怕丟。所以寫成部落格,當自己再需要的時候可以檢視。本人主要是c#,asp.net。為了能一人獨立開發一個完整的專案,所以學習一套前端的架構。有錯誤的地方,歡迎大家指出。不說廢話,趕緊利索的寫實貨的東西。

安裝前端編輯器 VS Code

 2,漢化。ctrl+shift+p 快捷方式搜素,如下圖。

改為“zh-CN”

 注意:如果更改後,依然不漢化,需要安裝外掛。商店裡搜素就可以了。

 建立vue.js 專案

建立資料夾

開啟vs code,把資料夾放入工作區

快捷方式ctrl + ~ 開啟命令控制檯

鍵入命令:vue -V 。注意大小寫

如果如上圖所示的話,進行下步,如果提示錯誤,vue 不是命令符,請看上篇文章,安裝npm 及vue.js

鍵入命令:vue init webpack (注:webpack 是什麼東西,不懂的惡補一下,畢竟什麼東西得自己研究一下才可以)

鍵入命令:cnpm install (也可以npm install 這個是在網路好的情況下,cnpm 是上篇網站中配置的taobao 的映象)

鍵入命令:npm run dev

如下圖

以上就是自己學習建立的簡單的vue.js 專案。