1.卸載舊版本vue-cli:npm uninstall vue-cli -g
2.安裝腳手架述寡,用于生成項目:npm install -g @vue/cli
3.快速原型開發(fā) 編譯.vue文件:npm install -g @vue/cli-service-global
4.查看vue-cli版本:vue --version
或者 vue -V
5.如果仍然需要使用舊版本vue init 功能,可以全局安裝一個橋接工具(拉取舊版本):npm install -g @vue/cli-init
6.vue-cli v4的版本降回v3
npm uninstall -g @vue/cli
卸載4
npm install -g @vue/cli@3.11.0
腳手架相關(guān)命令
vue -h
: 查看命令幫助
vue create
: 創(chuàng)建一個項目
vue add
: 增加一個插件
vue inwoke
: 在創(chuàng)建好的項目了去調(diào)用插件
vue inspect
: 檢查webpack的配置
vue serve
: 啟動一個項目
vue build
: 打包項目
vue ui
: 打開ui庫
vue -init
: 聲明一個項目
項目目錄
1.node_modules是nodejs里的模塊
2.public目錄:index.js為模板文件
3.src目錄:開發(fā)目錄
(3.1) assets:靜態(tài)資源文件(圖片街立、外部的js文件硼瓣、外部css文件)
(3.2) components:公共組件文件夾
(3.3) views:非公共組件文件夾
(3.4) App.js :項目的主組件
(3.5) main.js :入口文件
(3.6) router.js :路由配置文件
(3.7) store.js:vue的狀態(tài)文件