欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

利用Vue-cli搭建Vue項(xiàng)目框架的教程詳解

 更新時(shí)間:2023年02月20日 10:39:35   作者:dkjhl  
這篇文章主要為大家詳細(xì)介紹了利用Vue-cli搭建Vue項(xiàng)目框架的相關(guān)資料,對(duì)大家深入了解Vue有一定的幫助,感興趣的小伙伴可以了解一下

首先安裝node.js

1.在新建的目錄中按住shift 鼠標(biāo)右鍵,在此處打開命令窗口,版本保證在4.x以上

node -v

2.全局安裝vue腳手架

npm install -g vue-cli

同時(shí)可以使用vue和vue list 命令查看

3.初始化模板配置和項(xiàng)目名字

vue init webpack mycharts

mycharts是項(xiàng)目名

其中有許多需要選擇的選項(xiàng),eslint適合團(tuán)隊(duì)開發(fā),規(guī)范代碼之類的,個(gè)人開發(fā)我喜歡用stylus,所以這個(gè)選項(xiàng)我不會(huì)選n,其他Y

4.有提示就按enter,需要輸入就輸入具體參考這下面這張圖

5.進(jìn)入sell項(xiàng)目目錄中

shift + 鼠標(biāo)右鍵,進(jìn)入命令窗口,下載依賴包

npm install

6.啟動(dòng)項(xiàng)目

npm run dev

ico圖標(biāo)制作 https://icomoon.io/app/#/select/font

剩下的就按需加載,安裝過(guò)程中,有時(shí)候,第一次安裝會(huì)報(bào)錯(cuò),重復(fù)安裝一次就好

安裝 babel-polyfill es6-promise

npm install babel-polyfill es6-promise --save-dev

安裝stylus stylus-loader

npm install stylus-loader stylus --save-dev

安裝vue-style-loader

npm install vue-style-loader --save-dev

安裝css-loader

npm install css-loader --save-dev

安裝vuex,全局變量的使用

npm install vuex --save-dev

安裝axios,前后臺(tái)通信框架

npm install axios --save-dev

安裝iviewui,第三方框架

npm install iview --save-dev

安裝echarts

npm install echarts --save-dev

安裝jquery

npm install jquery --save-dev

import $ from 'jquery'

從github上down項(xiàng)目vue項(xiàng)目下來(lái)的時(shí)候,在控制臺(tái)執(zhí)行

npm install

之后再運(yùn)行項(xiàng)目即可

剩下的跟平時(shí)開發(fā)是一樣的了

到此這篇關(guān)于利用Vue-cli搭建Vue項(xiàng)目框架的教程詳解的文章就介紹到這了,更多相關(guān)Vue-cli搭建Vue項(xiàng)目框架內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評(píng)論