vue搭建後臺管理系統專案
專案搭建所用技術
vue+webpack+ElementUi+ECharts+sass
步驟
首先要安裝node.js ,http://nodejs.cn/download/ 下載合適的版本安裝就好了；我們本章主要講如何讓專案執行起來.
1.進入到你的檔案目錄，開啟cmd，；
2.輸入 vue init webpack ‘你專案檔名’;
3.接下的檔案配置你可以一路回車就可以搞定，提示（ESLint）這一欄可以選N，這是一個程式碼規範和錯誤檢查工具；
4.等它 installing Project;
5.cd ‘你的檔名’,進入專案目錄,npm install 安裝依賴
6.然後安裝 ElementUi, npm install element-ui ,出現
7.安裝ECharts 同樣的方式 npm install echarts ,出現 [email protected]版本號 就證明安裝成功;
8.安裝sass 同樣的方式 npm install node-sass --save-dev , npm install sass-loader --save-dev ,出現[email protected]版本號 就證明安裝成功;
9.這樣專案就搭建好了，直接 npm run dev ,預設地址http://localhost:8080,直接瀏覽器訪問就可以了。是不是很簡單。
知識點
1.想每次執行專案瀏覽器自動開啟，可以進入專案config/index.js,把裡面的autoOpenBrowser: false, 改為true就好了。
2.想在頁面使用sass 在vue頁面的style標籤加上 lang=‘scss’，注意不是sass。
3.呼叫elementui，在src檔案的main.js 裡面加上：
import ElementUI from ‘element-ui’
import ‘element-ui/lib/theme-chalk/index.css’
Vue.use(ElementUI);
(ElementUI具體使用方法進入http://element-cn.eleme.io/#/zh-CN/component/installation)
4.呼叫echarts,在src檔案的main.js 裡面加上：
import echarts from ‘echarts’
Vue.prototype.$echarts = echarts;
(echarts 具體使用方法進入http://echarts.baidu.com/index.html);
你好！ 我是第一次寫部落格，可能寫得不是很好，希望大家多多給我意見，謝謝。本人Q：496564704，可以互相交流學習