腳手架工程 介紹安裝

2021-10-01 18:50:15 字數 966 閱讀 2518

此專案採用目前比較流行的前後端分離的方式進行開發。前端是在傳智播客研究院開源的前端框架的基礎上進行的開發。

官網上提供了非常基礎的腳手架，如果我們使用官網的腳手架需要自己寫很多**比如登陸介面、主介面選單樣式等內容。 課程已經提供了功能完整的腳手架，我們可以拿過來在此基礎上開發，這樣可以極大節省我們開發的時間。

技術棧vue 2.5++

elementui 2.2.2

vuex

axios

vue-router

vue-i18n

前端環境

node 8.++

npm 5.++

啟動與安裝

官網上提供了非常基礎的腳手架，如果我們使用官網的腳手架需要自己寫很多**比如登陸介面、主介面選單樣式等內容。 課程已經提供了功能完整的腳手架，我們可以拿過來在此基礎上開發，這樣可以極大節省我們開發的時間。

（1）解壓提供的資源包

（2）在命令提示符進入該目錄，輸入命令：

cnpm install
如果沒有安裝**映象，請使用npm install

（3）關閉語法檢查

開啟config/index.js 將useeslint的值改為false。

useeslint: false,
此配置作用: 是否開啟語法檢查，語法檢查是通過eslint 來實現的。我們現在科普一下,什麼是eslint : eslint是乙個語法規則和**風格的檢查工具，可以用來保證寫出語法正確、風格統一的**。如果我們開啟了eslint , 也就意味著要接受它非常苛刻的語法檢查，包括空格不能少些或多些，必須單引不能雙引，語句後不可以寫分號等等，這些規則其實是可以設定的。我們作為前端的初學者，最好先關閉這種校驗，否則會浪費很多精力在語法的規範性上。如果以後做真正的企業級開發，建議開啟

（4）輸入命令：

npm run dev

腳手架安裝

1.先裝node 輸入 node v，出現相應的版本號，則說明安裝成功。2.安裝 映象 npm install g cnpm registry 3.安裝webpack npm install webpack 3.8.1 g g全域性安裝webpack版本3.8.1 webpack v檢視版本號 4....

vue cli腳手架安裝

映象使用方法 三種辦法任意一種都能解決問題，建議使用第三種，將配置寫死，下次用的時候配置還在 1.通過config命令 npm config set registry npm info underscore 如果上面配置正確這個命令會有字串response 2.命令列指定 npm registry ...

vue cli腳手架安裝

2.執行cmd，檢視版本號 出現版本號說明安裝成功 輸入 node v 檢視node版本號 需要在6.9以上 輸入 npm v 檢視npm版本號 需要在3.10以上 3.命令列工具 在cmd裡安裝 全域性安裝 vue cli npm install global vue cli mac機全域性安裝需...