vue项目技术知识点

最新推荐文章于 2024-07-22 19:30:03 发布

sweet_doris

最新推荐文章于 2024-07-22 19:30:03 发布

阅读量2.3k

点赞数 1

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/sweet_cookie/article/details/111154990

版权

本文详细解析了vue-cli项目中的关键技术点，包括vue.js、vue-router、vuex、axios等，并介绍了常用npm命令，如install、dev、build。此外，还探讨了vue-cli工程中各文件夹和文件的用途，如webpack配置、config文件夹下的环境配置，以及package.json的scripts和dependencies。最后，文章简要讲解了package.json的配置项。

摘要由CSDN通过智能技术生成

vue项目技术知识点

1、构建的 vue-cli 工程都到了哪些技术，它们的作用分别是什么？

1、vue.js:vue-cli工程的核心，主要特点是双向数据绑定和组件系统

2、vue-router：vue官方推荐的路由框架

3、vuex：为vue.js应用项目开发的状态管理器，主要用于维护vue组件间共用的一些变量和方法

4、axios（或者fetch、ajax）：用于发起get、post等http请求，基于promise设计

5、vant（等）：为vue设计的移动端UI组件库

6、创建一个emit.js文件，用于vue事件机制的管理

7、webpack：模块加载和vue-cli工程打包器

2、vue-cli 工程常用的 npm 命令有哪些？

1、下载node_moudles资源包的命令：npm insatll

2、启动vue-cli开发环境的npm命令：npm run dev(有时候不是这个，具体看packge.json当中的配置)

3、vue-cli生成生产环境部署资源的·npm命令：npm run build

4、用于查看vue-cli生产环境部署资源文件大小的npm命令：npm run build --report

命令效果：在浏览器上自动弹出一个展示 vue-cli 工程打包后 app.js、manifest.j