vue项目依赖安装命令总结
大家都知道通过vue-cli搭建vue项目能够大大提高我们的开发效率,但是vue-cli环境搭建好之后,如果还需要用到一些依赖则需要自己手动安装了,下面我总结了一些可能会用到的依赖安装命令:1. vuex作用:vue状态管理安装:npm install vuex --save2.vue-resource作用:通过XMLHttpRequest或JSON...
大家都知道通过vue-cli搭建vue项目能够大大提高我们的开发效率,但是vue-cli环境搭建好之后,如果还需要用到一些依赖则需要自己手动安装了,下面我总结了一些可能会用到的依赖安装命令:
- vuex
作用:vue状态管理
安装:npm install vuex --save
开源地址:github
文档:https://vuex.vuejs.org/zh/ - vue-resource
作用:通过XMLHttpRequest或JSONP发起请求并处理响应
安装:npm install vue-resource --save
开原地址:github - vue-router
作用:路由,控制页面跳转
安装:npm install vue-router --save
开原地址:github
文档:https://router.vuejs.org/zh-cn/ - babel-runtime
作用:将es6编译成es5去运行,前端可以使用es6的语法来写,最终浏览器上运行的是es5
安装:npm install --save babel-runtime
- babel-polyfill
作用:Babel 默认只转换新的 JavaScript 语法,而不转换新的 API。例如,Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象,以及一些定义在全局对象上的方法(比如 Object.assign)都不会转译。如果想使用这些新的对象和方法,必须使用 babel-polyfill,为当前环境提供一个垫片
安装:npm install --save-dev babel-polyfill
- fastclick
作用:处理移动端 click 事件 300 毫秒延迟。
说明: 为什么存在延迟?从点击屏幕上的元素到触发元素的 click 事件,移动浏览器会有大约 300 毫秒的等待时间。为什么这么设计呢? 因为它想看看你是不是要进行双击(double tap)操作。
安装:npm install fastclick -D
开源地址:github - axios
作用:请求数据
安装:npm install --save axios
开源地址:github
文档:https://www.kancloud.cn/yunye/axios/234845 - 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的时间不多,但看到之后都会尽力回复大家,或者在文章里面补充的~
更多推荐
所有评论(0)