1.開發工具的安裝:visual studio code,安裝對應的外掛程式,除錯用chrome瀏覽器,瀏覽器上安裝vue除錯的外掛程式,
3.學習**:菜鳥教程,w3school,vue官網.
建立乙個vue專案步驟:(一種純命令列的方式建立,另一種是ui介面的方式建立vue專案)
菜鳥教程有純命令列的方式建立vue專案,下面是簡單的記錄一下ui建立vue專案:
1,在本地建立乙個資料夾
2,開啟vscode,開啟vscode的命令列介面,命令列介面進入到剛建立的資料夾的目錄
3.敲完命令後瀏覽器會自動彈出ui建立vue專案的介面,按這個介面操作就可以建立vue專案啦:
新建立的vue專案結構如下:
接下來就開始vue的編碼之路啦.................,希望我會變得更強......................
vue專案的執行流程:
建立第乙個vue專案
1，配置node環境 2，開啟cmd切換到node安裝目錄，安裝vue cli vue cli會自動按照專案結構在你本地初始化乙個專案，當然不用該工具，手動建資料夾配置js等也可以的，但是vue cli 一行命令就自動生成了多方便呢 npm install vue cli g3，切換到工作目錄，在該...
使用VScode建立第乙個vue專案
初識vue，小小白一枚 軟體，外掛程式安裝，略.外掛程式 vetur 支援vue 高亮 eslint js語法糾錯 auto close tag 自動閉合標籤 auto rename tag 自動完成另一側標籤的同步修改 jquery code snippets jquery 智慧型提示 第一步 開...
建立自己的第乙個Vue專案
1，需要安裝nodejs，並且npm 版本需要大於 3.0 我的已經安裝過了，檢查一下版本 2，全部安裝vue cli 檢視vue cli是否成功，vue v v必須是大寫的 3，建立專案，首先進入到專案目錄下，然後執行下面的命令 vue init webpack 專案名稱 裡面的參考 4，啟動專案...