VUE安裝依賴命令總結
阿新 • • 發佈:2019-05-13
環境 tap ash import vuejs 設計 save babel 開發項目 4. babel-runtime
作用:將es6編譯成es5去運行,前端可以使用es6的語法來寫,最終瀏覽器上運行的是es5
安裝:npm install --save babel-runtime
5. babel-polyfill
作用:Babel 默認只轉換新的 JavaScript 語法,而不轉換新的 API。例如,Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局對象,以及一些定義在全局對象上的方法(比如 Object.assign)都不會轉譯。如果想使用這些新的對象和方法,必須使用 babel-polyfill,為當前環境提供一個墊片
安裝:npm install --save-dev babel-polyfill
6. fastclick
作用:處理移動端 click 事件 300 毫秒延遲。
說明: 為什麽存在延遲?從點擊屏幕上的元素到觸發元素的 click 事件,移動瀏覽器會有大約 300 毫秒的等待時間。為什麽這麽設計呢? 因為它想看看你是不是要進行雙擊(double tap)操作。
安裝:npm install fastclick -D
開源地址:github
7. axios
作用:請求數據
安裝:npm install --save axios
開源地址:github
文檔:https://www.kancloud.cn/yunye/axios/234845
8. lodash
作用:Lodash是一個具有一致接口、模塊化、高性能等特性的 JavaScript 工具庫。
安裝:npm i --save lodash
開源地址:github
文檔:http://www.css88.com/doc/lodash/
以下是個人用到過的vue安裝包以及依賴命令(在接觸項目時,有未寫到的會隨時補充)
1. vuex
作用:vue狀態管理
安裝:npm install vuex --save
開源地址:github
文檔:https://vuex.vuejs.org/zh/
2. vue-resource
作用:通過XMLHttpRequest或JSONP發起請求並處理響應
安裝:npm install vue-resource --save
開原地址:github
3. vue-router
作用:路由,控制頁面跳轉
安裝:npm install vue-router --save
開原地址:github
文檔:https://router.vuejs.org/zh-cn/
作用:將es6編譯成es5去運行,前端可以使用es6的語法來寫,最終瀏覽器上運行的是es5
安裝:npm install --save babel-runtime
5. babel-polyfill
作用:Babel 默認只轉換新的 JavaScript 語法,而不轉換新的 API。例如,Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局對象,以及一些定義在全局對象上的方法(比如 Object.assign)都不會轉譯。如果想使用這些新的對象和方法,必須使用 babel-polyfill,為當前環境提供一個墊片
6. fastclick
作用:處理移動端 click 事件 300 毫秒延遲。
說明: 為什麽存在延遲?從點擊屏幕上的元素到觸發元素的 click 事件,移動瀏覽器會有大約 300 毫秒的等待時間。為什麽這麽設計呢? 因為它想看看你是不是要進行雙擊(double tap)操作。
安裝:npm install fastclick -D
開源地址:github
7. axios
作用:請求數據
安裝:npm install --save axios
開源地址:github
文檔:https://www.kancloud.cn/yunye/axios/234845
作用:Lodash是一個具有一致接口、模塊化、高性能等特性的 JavaScript 工具庫。
安裝:npm i --save lodash
開源地址:github
文檔:http://www.css88.com/doc/lodash/
9. sass
作用:Sass 是一款強化 CSS 的輔助工具,它在 CSS 語法的基礎上增加了變量 (variables)、嵌套 (nested rules)、混合 (mixins)、導入 (inline imports) 等高級功能,這些拓展令 CSS 更加強大與優雅。使用 Sass 以及 Sass 的樣式庫(如 Compass)有助於更好地組織管理樣式文件,以及更高效地開發項目。
安裝:npm install node-sass --save-dev npm install sass-loader --save-dev
10.less
作用:Less是一門css預處理語言,它擴展了css語言,革命了css,增加了變量、mixin、函數等特性、使得css更加易於維護和擴展。
安裝:npm install less less-loader --save-dev
VUE安裝依賴命令總結