vue3.x 使用webpack init 初始化一個新項目


小白的我更新一波利用vue 3.x創建vue2.x項目 vue官網 https://cn.vuejs.org/v2/guide/

1.准備 node  npm/cnpm/yarn   (cnpm/yarn比npm安裝的要快),本人以npm為例。

 

 

 2.全局安裝 @vue-cli 腳手架   利用vue -V查看版本號 ;如果安裝失敗,查看node環境變量,重新安裝node ,重新安裝vue

  ps: npm install --g vue-cli 是2.x版本的安裝方法 版本3.x多了一個@ npm install --g @vue-cli 符號 2.x版本也能安裝 安裝的版本我的是2.9.6

  vue 3.x版本安裝 

npm install -g @vue/cli

 

 3.創建項目 vue init webpack mydemo  這時會顯示一下信息   

  因為Vue-cli 3.x和vue-cli 2.x使用了相同的 vue 命令,所以 vue-cli  2.x  被覆蓋了。如果你仍然需要使用舊版本的 vue init 功能,你可以全局安裝一個橋接工具 

@vue/cli-init

4:安裝@vue/cli-int

npm install -g @vue/cli-init

 

 

 5.創建項目 

vue init webpack mydemo

 

項目名稱  描述  作者  vue搭建 (對vue搭建的解釋) 稍微看一下  本人選擇第一個了 

 

 是否安裝路由   是否安裝eslint  單元測試( 個人覺得不安裝選擇) e2e測試(個人覺得不安裝選擇 )

 

 選擇安裝 

 安裝完成,cd到項目下 啟動命令 瀏覽器打開 localhost:8080

npm run start

 

 

項目創建完成

 以上操作官網也有,一路上也沒碰到什么坑,有問題自行百度,一般規規矩矩不會有問題


免責聲明!

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



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