vue项目依赖安装命令总结

本是古典何须时尚 2022-05-24 06:20 272阅读 0赞

大家都知道通过vue-cli搭建vue项目能够大大提高我们的开发效率，但是vue-cli环境搭建好之后，如果还需要用到一些依赖则需要自己手动安装了，下面我总结了一些可能会用到的依赖安装命令：  
1. vuex  
作用：vue状态管理  
安装：`npm install vuex --save`  
开源地址：[github][]  
文档：[https://vuex.vuejs.org/zh/][https_vuex.vuejs.org_zh]  
2. vue-resource  
作用：通过XMLHttpRequest或JSONP发起请求并处理响应  
安装：`npm install vue-resource --save`  
开原地址：[github][github 1]  
3. vue-router  
作用：路由，控制页面跳转  
安装：`npm install vue-router --save`  
开原地址：[github][github 2]  
文档：[https://router.vuejs.org/zh-cn/][https_router.vuejs.org_zh-cn]  
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][github 3]  
7. axios  
作用：请求数据  
安装：`npm install --save axios`  
开源地址：[github][github 4]  
文档：[https://www.kancloud.cn/yunye/axios/234845][https_www.kancloud.cn_yunye_axios_234845]  
8. lodash  
作用：Lodash是一个具有一致接口、模块化、高性能等特性的 JavaScript 工具库。  
安装：`npm i --save lodash`  
开源地址：[github][github 5]  
文档：[http://www.css88.com/doc/lodash/][http_www.css88.com_doc_lodash]

未完待续……

[github]: https://github.com/vuejs/vuex
[https_vuex.vuejs.org_zh]: https://vuex.vuejs.org/zh/
[github 1]: https://github.com/pagekit/vue-resource
[github 2]: https://github.com/vuejs/vue-router
[https_router.vuejs.org_zh-cn]: https://router.vuejs.org/zh-cn/
[github 3]: https://github.com/ftlabs/fastclick
[github 4]: https://github.com/axios/axios
[https_www.kancloud.cn_yunye_axios_234845]: https://www.kancloud.cn/yunye/axios/234845
[github 5]: https://github.com/lodash/lodash
[http_www.css88.com_doc_lodash]: http://www.css88.com/doc/lodash/