安裝node8.9
之後的版本都會預設帶上npm
,不過還是建議安裝新版。
安裝完,可以開啟終端驗證是否安裝成功。
開啟控制台
win + r然後輸入 cmd
輸入以下命令驗證node
和npm
是否安裝成功。
node -vnpm -v
這兩條命令都是用來檢測版本,如果成功則會輸出當前所安裝的版本號
windows端
npm install -g @vue/cli
mac端
sudo npm install -g @vue/cli然後輸入密碼
以上命令都是在全域性安裝vue-cli
,建議全域性安裝。
使用以下命令檢測是否安裝成功(注意,-v的v是大寫)。
vue -v
我安裝的版本是v4.5.7
vue create project-name
其中project-name
是專案名稱,自定義命名就行。命名規則和vue2.x
一樣。
使用該命令前,記得先進入專案存放的目錄裡。
如果選擇第二項,則會預設建立vue3
專案,並且帶上babel
和eslint
。
選擇第三項的時候會跟建立vue2
專案有點區別。
vue3
已經全面支援typescript
,所以可以放心使用ts
了。
執行和打包的命令和vue2
時一直
執行
npm run serve
打包
npm run build
vue3安裝 你期待已久的Vue 3 正式發布啦
vue.js 3.0 one piece 已正式發布,此框架新的主要版本提供了更好的效能 更小的 包體積 更好的 typescript 整合 用於處理大規模用例的新 api,並為框架未來的長期迭代奠定了堅實的基礎。3.0 版本的開發周期長達兩年多,期間產生了 30 rfcs 2600 commits...
快速了解vue(3)
上次我們說到了.vue檔案,那麼這是個什麼檔案呢?啥也不是,就是個vue元件。我們都說要元件化,模組化什麼的,這.vue檔案就是個元件,開啟看看就知道了,它這裡有兩個,主要的標籤,乙個是,乙個是。這些我們肯定看得懂,標籤裡是寫html的,頁面就是由這許許多多的元件拼出來的,就像拼圖似的,想要修改頁面...
vue3學習筆記
vue3 1.context.emit update xx props.xx 可 v model xx更新xx的值 個人記憶,雙向繫結 需要雙向改變的值 代替 vue2 sync 2.元件上繫結的事件預設是繫結第一層,可使用inheritattrs false 取消預設,在需要繼承的屬性的標籤使用v...