vue腳手架安裝

2021-09-19 16:44:15 字數 1138 閱讀 9653

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-init

那麼我們就可以隨意安裝cli3 和 cli2

cli3安裝

vue create project/ .

選擇你的專案中的webpack的一些配置項

babel

css-pre css預處理語言

less

sass

stylus

上面所選的配置是往 in dedicated config files(生成的單獨的配置性檔案) 還是往 package.json放 , 建議大家使用第乙個

目錄基本介紹

src 源**開發目錄

components 專案的元件

main.js webpack中配置的主入口檔案

.browserslistrc 專案不支援 ie8及以下的

.gitignore git上傳時, 不上傳的檔案

babel.config.js es6->es5 優雅降級

package.json 當前專案的依賴包配置檔案

postcss.config.js 給css新增引擎頭字首

readme.md 當前專案的說明檔案

yarn.lock 當前專案的依賴包的第三方庫的詳細資訊記錄

安裝 cli2

進行問題的選擇

不安裝單元測試

不安裝e2e的測試

eslint自願

安裝 cli2_******版本

cli2 vs cli3

介面安裝cli3 ( 不推薦 ) git( 介面化操作工具 不推薦 )

使用:

命令列輸入 : vue ui

介紹cli3具體內容

vue安裝腳手架

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

安裝vue腳手架

vue2.0 1.vue v 檢視版本,如果出現版本號,之前已經安裝過了。如果之前安裝的版本是想要的版本,可以直接建立專案 2.npm uninstall vue cli g 如果之前安裝了3.0的版本,現在想要安裝2.0,先解除安裝安裝過的版本 3.npm cache clean force 如果...

vue腳手架安裝

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