Vue可以不用webpack做路由功能吗
发布网友
发布时间：2022-04-19 15:24
我来回答
共1个回答
热心网友
时间：2022-04-22 19:14
1、安装node，vue运行需要基于npm一定的版本，所以首先升级npm到最新的版本，而在安装的过程中个人比较喜欢淘宝的镜像，所以先安装cnpm（因为速度和稳定性都比较好）
2、在目标文件夹下打开终端
3、执行cnpm install vue-cli -g 全局安装
运行vue查看安装是否成功
4、运行vue init webpack(注：模板名称) sell2(注：项目名称)
5、进入项目文件夹下执行 cnpm install 来安装下载到模板中的package.json中的依赖，安装完成后会在项目文件夹下自动生成node-mole文件来存放安装的依赖文件
6、由于依赖项非常的多编辑器在检索mole文件时会非常的耗内存，所以在用webstorm编辑器启动项目的时候我们往往会在node-mole文件夹右键去阻止检索该文件
注：webstorm一打开就卡死了，没办法操作文件夹这种情况的解决方法为，首先在文件夹形式下打开删除node-moles文件夹，然后进行阻止检索的方法，然后在重新cnpm install就好*（这种方法需要安装完依赖项先运行一次然后删除node_moles子文件，webstorm打开项目，禁止检索node_ mole文件夹，然后在删除该文件夹，重新安装即可）
7、运行项目执行 npm run dev (注：此时不能用cnpm来运行，必须是npm)
8、将需要的资源放进项目
9、我们需要用到路由功能 所以需要安装vue-router
安装方法：vnpm install vuve-router --save
10、在build/devs-erver.js下编写自定义变量和路由功能
这样在运行项目下就可以得到自己想要的json数据，
这样路由就配置成功，并且得到了自己想要的数据
11、在写代码之前现在html文件下引入初始化样式（保持样式的统一和美观）
12、调用组件的方式
vue UI —— 告别webpack配置
vue-ui提供了serve和build功能，便于开发和生产环境的切换，同时还有审查模式，让你能深入分析webpack配置。总的来说，vue-ui为vue-cli用户提供了高度用户友好的界面，它在保留便捷性的同时，兼顾了webpack配置的灵活性。无论你是开发者还是新手，都能从中感受到"少思考，少编码"的便利。
vue单文件组件一定要webpack吗
vuejs 自定义了一种.vue文件，可以把html, css, js 写到一个文件中，从而实现了对一个组件的封装， 一个.vue 文件就是一个单独的组件。由于.vue文件是自定义的，浏览器不认识，所以需要对该文件进行解析。 在webpack构建中，需要安装vue-loader 对.vue文件进行解析。在 sumlime 编辑器中，我们 ...
vue3有什么方式不用构建工具就可以搭建项目
Vue3可以不使用构建工具，直接通过引入CDN链接的方式来搭建项目。在不使用构建工具如Webpack或Vue CLI的情况下，我们可以通过在HTML文件中直接引入Vue3的CDN链接来创建Vue3项目。这种方法非常简单直接，适用于快速原型开发或小型项目。具体来说，首先需要在HTML文件的``标签内引入Vue3的CDN链接。例如，可以...
vue3实践---路由router
在实际项目中，无需赘述创建步骤，直接参考Vue.js的官方文档：安装 | Vue.js。Vite框架的性能表现出色，与Webpack相比速度提升显著，使用后很难再回头。本实践主要关注于后台管理系统中的路由实现，特别是路由切换动画的处理。页面的基本结构是一级路由，包括登录页、报错页和主页，这些页面间的切换会应用...
前端如何配合后端实现Vue路由权限
这样,完整的路由权限功能就完成了。我们可以看一下页面:系统界面总结 相比纯前端实现路由权限,这种基于后端返回路由菜单的方式会显得简单一些。我们不需要经过RBAC去过滤出用户可以访问的路由,而是接口直接返回给了我们。我们只需要将路由菜单对应生成一份路由,然后将路由进行挂载。
vue路由懒加载的实现方式
在Vue.js中，路由懒加载是一种优化技术，能减小初始页面加载体积，提升网站性能。通过路由懒加载，不同路由页面分割成块，仅在需要时加载。实现Vue路由懒加载的一种常见方式是使用Webpack动态导入语法和Vue异步组件。首先，确认你的Vue项目使用Vue Router，并已配置路由表。接着，在路由配置中使用动态导入...
Vue 路由跳转方式总结
push跳转到指定URL路径，并在history栈中添加记录，点击后退会返回到上一个页面；replace跳转到指定URL路径，但history栈中不会有记录，点击返回会跳转到上上个页面，即直接替换当前页面。最后，关于Vue路由配置和懒加载，可以使用webpackChunkName属性将组件按组分块，例如：const Index = () => import('...
vue全家桶有哪些
＠vue/cli3.x版本可以通过vuecreate命令快速创建一个新项目的脚手架，不需要像vue2.x那样借助于webpack来构建项目。主要功能：1、分镜头：通过点按改变视频的分镜数实现简易的剪辑效果，而剪辑能够让视频传达更多的信息。2、实时滤镜：由电影调色专家调制的12款滤镜供选择，切换至前置摄像头会出现自然的...
使用vue就是前后端分离吗(前端vue后端koa)
vue是做单页应用的，多页应用虽然也可以没冲做，但是不够灵活。vue要做多页应用需要配置多入口 请大佬帮解答下VUE与后端数据交互的问题？以下针对的是你要用vue+webpack开发前后端分离单页面项目（spa）来回答，vue也可以用在传统MVC的视图层，这种开发模式不在回答范畴 开发spa的话，视图路由切换(...
替代webpack?带你了解 snowpack 原理,你还学得动么
提供了一个轻量级且功能丰富的构建工具，旨在替代传统打包工具，满足现代前端开发的需求。它不仅提供了与 webpack 类似的功能，还利用了浏览器原生的 JavaScript 模块化能力，实现了高效的构建流程。随着前端技术的不断发展，snowpack 作为构建工具的潜力巨大，其是否能成为下一代构建工具，还需时间验证。
