vue 腳手架的搭建和目錄結構

2021-08-02 22:55:06 字數 1130 閱讀 8436

今天總結一下vue的腳手架的搭建。很簡單,今天我們就來說一下

一、vue 腳手架的搭建。

對於腳手架的具體搭建方法,我這裡不在很詳細的書寫,具體方法我推薦菜鳥教程的方法,和具體,你一步一步的來就可以實現。

鏈結位址:

二、vue腳手架目錄:

我們來詳細的介紹一下這些目錄:

一級目錄

build:webpack 配置相關的目錄

config:webpack 配置相關的目錄

node_modules:npm install 安裝的依賴**庫

src:我們存放的原始碼,我們開發的所喲**都放在src目錄下。

staic:存放一些第三方靜態資源的目錄

test:測試目錄,沒有太大用處,可以刪除

一級檔案:

.babelrc:babel的一些配置,(將es6編譯成es5的一些配置)

.editorconfig:編輯器的一些配置(包括編碼格式,縮排風格,換行格式)

.eslintignore:配置我們不會對build檔案和config檔案進行語法檢查。

.eslintrc.js:eslint的配置檔案,主要是定義一些**編寫風格的規則。

.gitignore:配置git倉庫忽略的一些檔案(不會上傳)

index.html:入口html 檔案。

package.json:專案的一些配置資訊(專案的一些具體資訊)

src 資料夾下的 目錄:

搭建Vue腳手架

從vue官網安利了一波安裝腳手架的主要 全域性安裝 vue cli npm install global vue cli 建立乙個基於 webpack 模板的新專案 vue init webpack my project 安裝依賴,走你 cd my project npm install npm r...

Vue腳手架搭建

sudo apt get install nodejs legacy nodejs sudo apt get install npm 安裝成功後檢視對應版本 npm install vuenpm install g cnpm registry vue安裝成功後檢視對應版本 npm install g...

vue腳手架搭建

一 vue cli腳手架的搭建步驟 首先,確定你的電腦上已經安裝了nodejs,可以使用npm包管理器安裝環境 1 開啟cmd命令視窗,切換到你要新建專案的資料夾下,此時可使用node v檢查node的版本,如果出現版本號則node已安裝。2 使用以下命令全域性安裝vue cli npm insta...