安裝vue腳手架

2021-10-06 06:39:50 字數 1327 閱讀 9574

vue2.0

1.vue - v 檢視版本,如果出現版本號,之前已經安裝過了。如果之前安裝的版本是想要的版本,可以直接建立專案

2.npm uninstall vue-cli -g 如果之前安裝了3.0的版本,現在想要安裝2.0,先解除安裝安裝過的版本

3.npm cache clean --force 如果解除安裝之後安裝還是報錯,清理快取

4.npm install -g vue-cli 安裝vue2.0腳手架

5.cd 目錄名稱 --跳轉到目錄下,方便找到新建的專案

6.vue init webpack my-vue 建立乙個基於webpack的專案,my-vue是專案名可以更改

7.後面會出現一些選項:

project name 專案名、

project description專案描述、

author專案作者、

vue build 執行加編譯,直接回車選擇推薦的、

install vue-router 是否安裝的路由,可以直接安裝,也可以之後在編寫專案時安裝

是否使用eslint等(後面的選項可以no)

8.cd my-vue 進入專案

9.npm install 安裝依賴,安裝完成之後,專案目錄下會多出乙個node_modules資料夾

10.npm run dev或者npm run start 執行專案,可以.在package.json檔案中修改

11.可以在config--》index.js中修改埠號,執行時是否自動開啟瀏覽器

12.提交git時,空資料夾會預設忽略,如果不希望空資料夾被忽略,就需要在資料夾下建立乙個.gitkeep檔案,此時資料夾就會被git版本控制

13.檔案.eslintignore用來配置希望被忽略的檔案

14.檔案.gitignore用來配置git的忽略檔案

15.index.html入口檔案

vue3.0

1..vue -v 檢視vue的版本

2.如果已經安裝了舊版本 npm uninstall vue-cli -g 先解除安裝舊版本

3.npm install -g @vue/cli 全域性安裝腳手架-----如果已經安裝了就可以忽略這一步

4.vue create my-project 建立名為my-project的專案,名字可以改。先cd 跳轉到某個資料夾下,這樣方便找到新建的專案

5.cd my-project 進入到專案

6.npm run serve 啟動專案---開發環境

7.npm run build 打包生成生產環境---執行這條命令,專案下會新增乙個dist資料夾

vue腳手架安裝

cli 別名 腳手架 npm cnpm yarn 作用 版本 cli2 cli3 安裝npm install vue cli g cli3的版本 npm install vue cli g cli2的版本 yarn add vue cli global步驟 先安裝cli3 在安裝 vue cli i...

vue安裝腳手架

如果之前安裝過舊版本 非3.x 腳手架需要先解除安裝舊版本 命令 nmp uninstall vue cli g mac電腦需要在前面 加sudo nmp install g vue cli 安裝腳手架,用於生成專案 安裝得比較久 nmp install g vue cli service glob...

vue腳手架安裝

1 全域性安裝 vue,在命令提示視窗執行 cnpm install g vue 2 全域性安裝 vue cli 在命令提示視窗執行 cnpm install g vue cli 3 建立乙個基於 webpack 終端切換到你的目標目錄下建立乙個專案,這裡以在vue的安裝目錄下建立乙個叫做my vu...