vue项目依赖安装命令总结

大家都知道通过vue-cli搭建vue项目能够大大提高我们的开发效率,但是vue-cli环境搭建好之后,如果还需要用到一些依赖则需要自己手动安装了,下面我总结了一些可能会用到的依赖安装命令:

  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/
  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/

2022.6.2日更新内容

想当年,我还是个对vue懵懵懂懂的小前端,出来工作也没多久的时候写了这篇文章,现在回过头来真是感慨满满啊~

当初写这篇文章的目的是为了帮助自己记住一些常见的安装命令,不至于每次都上网去查,现在回头来看确实想法挺“可爱”,哈哈哈…

今天突然看到以前网友们的评论,就想着一直是“未完待续~”那我还是接着续一下吧!

Vue相关项目依赖,一般是需要用到什么工具就去安装,一般情况下,工具在网上或者npm上都能找到安装方法,比如处理时间的dayjs (https://www.npmjs.com/search?q=dayjs)等等,其实不太需要把每个命令都记下来。

这里就再说明一下npm安装各种命令的不同吧!

npm包统一安装命令为: npm install XXX(包名),不过如果你在clone一个新的vue项目之后,可以直接 npm install 安装所有依赖,它会根据项目中的package.json中的配置安装所有依赖
install可以简写成 i,即 npm i XXX,所以大家可能在网上搜安装命令的时候可能都不一样,但其实本质是相同的!
如果是全局安装可以加上。-g 修饰符,即 npm install XXX -g 这种情况的安装不会在当前项目的 package.json 文件里面体现,而是安装一次就可在全局可使用
如果是开发辅助工具相关依赖可以加上 -D修饰符,即 npm install XXX -D,这样安装的依赖会在 package.json 文件中的 devDependencies 中显示,不加 -D 修饰符 安装的依赖则在 dependencies 中显示
卸载依赖可以用 npm uninstall XXX 或使用 npm uninstall XXX -g卸载全局依赖。

当然了, 这里再说一句,现在很多项目都会使用 yarn 来安装依赖,两者其实在命令上有所不同,其他都是大体一致的,今天就“续”到这里了,如果大家还有什么疑问可以在评论区留言,我上csdn的时间不多,但看到之后都会尽力回复大家,或者在文章里面补充的~

  • 5
    点赞
  • 42
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值