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

利用Vue-cli搭建Vue項目框架的教程詳解

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

首先安裝node.js

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

node -v

2.全局安裝vue腳手架

npm install -g vue-cli

同時可以使用vue和vue list 命令查看

3.初始化模板配置和項目名字

vue init webpack mycharts

mycharts是項目名

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

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

5.進入sell項目目錄中

shift + 鼠標右鍵,進入命令窗口,下載依賴包

npm install

6.啟動項目

npm run dev

ico圖標制作 https://icomoon.io/app/#/select/font

剩下的就按需加載,安裝過程中,有時候,第一次安裝會報錯,重復安裝一次就好

安裝 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,前后臺通信框架

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項目vue項目下來的時候,在控制臺執(zhí)行

npm install

之后再運行項目即可

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

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

相關文章

最新評論