一、说明实际工作中,一般只是新增/修改已有vue项目的页面,很少从零开始搭建一个新的vue项目。在此简要总结下新增页面的开发方法。二、步骤1.首先找一个相似的页面,复制一份,修改为不同的名称。(1)例如,有一个页面,位于这个文件夹:E:\mobile-project\src\modules\user\user-config其中有3个文件:app.vue
main.js
tmpl.html访问路径是            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-08 21:44:23
                            
                                68阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            fr            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-04-23 12:38:56
                            
                                262阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            前两天开始学习Vue.js,第一次跑起了一个Vue项目,在这写一下新建一个Vue页面首先的项目创建不写了,官网、菜鸟教程都有。值得注意的是创建工程时下面这条选项这里的ESLint对于一个新手而言一定要选择no,            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-01-11 17:41:50
                            
                                1501阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            今天开始我就给同学们分享如何使用vue开发项目。 Vue 提供了一个官方的 CLI,为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验,以及生产环境可用的构建版本。 本地安装vue-cli#全局安装vue-clicnpm install -g @vue-cl            
                
         
            
            
            
            我们现在要新建一个测试页面,命名为Test.vue1:在components底下新建Test.vue<template>    <div>我是测试界面</div></te script></script><style><...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-28 11:05:08
                            
                                694阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            我们现在要新建一个测试页面,命名为Test.vue1:在components底下新建Test.vue<template>    <div>我是测试界面</div></template><script></script><style><...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-04-23 23:51:51
                            
                                445阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1、CMD中输入命令行 vue ui  打开一个创建项目的窗口2、安装插件element ui3、Idea 打开这个项目即可4、Idea 运行vue项目   npm run serve5、Idea 停止服务 Ctrl+C            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-03-07 10:31:52
                            
                                275阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            新建页面 创建按对应的模块和实体 新建的模块需要进行注册            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-05-09 10:16:00
                            
                                178阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            1.项目名称 2.Contants 代表是否要重新建立,还是选择以有程序的目录 3.选择BuldTarget 这个就是编译器编译的目标平台了,这个目标平台选择什么,在程序里面就会有什么平台的接口 4.应用程序名称 5.Package Name 和命名空间同理解,可以用公司名称,域名等等。 6.Activity 7. 最小的 SDK 支持包版本,选择一个最小支持包的版本,一般简单点就是和上面选择的...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2011-03-28 14:57:00
                            
                                104阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            1.项目名称 2.Contants 代表是否要重新建立,还是选择以有程序的目录 3.选择BuldTarget 这个就是编译器编译的目标平台了,这个目标平台选择什么,在程序里面就会有什么平台的接口 4.应用程序名称 5.Package Name 和命名空间同理解,可以用公司名称,域名等等。 6.Activity 7. 最小的 SDK 支持包版本,选择一个最小支持包的版本,一般简单点...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2011-03-28 14:57:00
                            
                                95阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            https://www.jianshu.com/p/5c4bde800762
                    
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-06-13 17:00:24
                            
                                47阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            File->New->Project弹窗中选择:Vite,Template选择vue很快就生成一个vite+vue的项目最后使用npm install安装项目依赖点击启动,启动项目            
                
         
            
            
            
            1.	安装依赖npm install vue-router@3.2.0npm install vuex@3.6.2npm i element-ui -Snpm install less@3.0.0npm install less-loader@5.0.0先cd进到目录下再npm run sever初始化一个干净的app.vue删除helloworld.vue2.	在components文件夹下面新            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-06-12 13:59:19
                            
                                24阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            随着 Vue.js 单页应用(SPA)变得相当复杂,你开始需要 Vue 路由以及嵌套路由。嵌套路由允许更复杂的用户界面以及相互嵌套的组件。让我们创建一个相对简单的用例,来展示 Vue Router 中嵌套路由的实用性。用 Vue CLI 进行设置如果尚未安装,请运行以下命令全局安装 Vue CLI:$ npm install -g @vue/cli或者$ yarn global add @vue/            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-12 00:27:08
                            
                                394阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            在web.config文件中设置 <configuration> <system.webServer> <defaultDocument> <files> <!--启动页面的路径--> <add value="Home/Index.html" /> </files> </defaultDocumen            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-01-11 10:19:58
                            
                                319阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            我们平常用vue开发的时候总觉得vue好像就是专门为了单页面应用而诞生的,其实不是。因为vue在工程化开发的时候很依赖webpack,而webpack是将所有的资源整合到一块,弄成一个单页面。但是vue不止可以做单页面,它还可以做多页面,如果要做多页面的话需要对他的依赖,也就是webpack就是重新配置才可以。本文将详细讲webpack的配置。1、进入\build\webpack.base.con            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-24 01:09:21
                            
                                672阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一直以来更多的是进行单页面开发。但在与其他同行的交流中,发现多页面项目也是业务的一种需求,趁着今天有时间,今天搞了一下。多页面的配置,自然也可以根据路由的mode分为hash和history模式。先说本人更熟悉的hash模式。一,多页面要有多个入口默认使用vue-cli 2初始化的项目,需要修改webpack的entry参数,修改两个入口,如下// 原来
  entry: {
    app: '            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-16 15:35:01
                            
                                1156阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            收集前端错误编写错误上报逻辑,上报错误代码上线打包将sourcemap文件上传至错误监控服务器发生错误时监控服务器接收错误并记录到日志中根据sourcemap和错误日志内容进行错误分析异常类型同步方法异步方法资源加载Promiseasync/awaittry/catch✔️✔️onerror✔️✔️error事件监听✔️✔️✔️unhandledrejection事件监听✔️✔️ 实际上            
                
         
            
            
            
            今天新建项目,然后发现路由也改了  app.vue里面也是啥都没有,但是访问http://localhost:8080/#/login  能访问  里面确实空白的错误:错误原因: path: '/            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-05-26 16:51:23
                            
                                3011阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            安装步骤: 1.打开安装界面 打开cmd 2.选择要安装的位置 3.设置详情 4.设置预设 5.设置功能 选择Babel / Router / Linter/Formatter / 使用配置文件 四项 6.设置配置 7.创建预设,并保存 8.安装elementui插件 9.安装axios依赖            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-07 13:00:07
                            
                                965阅读