脚手架工程:介绍安装
腳手架工程
此項目采用目前比較流行的前后端分離的方式進行開發。前端是在傳智播客研究院開源的前端框架的基礎上進行的開發。
官網上提供了非常基礎的腳手架,如果我們使用官網的腳手架需要自己寫很多代碼比如登陸界面、主界面菜單樣式等內容。 課程已經提供了功能完整的腳手架,我們可以拿過來在此基礎上開發,這樣可以極大節省我們開發的時間。
技術棧
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?
?
?
?
?
總結
以上是生活随笔為你收集整理的脚手架工程:介绍安装的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 数据库设计:pd工程创建数据库表
- 下一篇: 脚手架工程:工程目录结构