1.确定项目技术栈如vue2.0+vue-cli3/4+vue-router+axios+vuex+vant+rem+sass+webpack2.搭建项目以下两种方式看情况选择1从零搭建项目使用vueui可视化搭建项目或指令创建项目都可2基于原项目模板搭建项目3.定义路由譬如登录、首页、个人中心、搜索等需要做什么页面就定义什么页面的路由src/router/index.js//定义路由constr

拿到项目：从零开始单人从0开始2.原有项目多人后续开发版本管理工具：Git||码云开发流程：1、从零开始单人从0开始（搭建项目）步骤：步骤1：配置SSH步骤2：创建仓库步骤3：克隆走SSH协议（注：克隆就是将远程仓库代码下载到本地步骤4：选择开发框架并生成框架代码步骤5：选择UI框架并配置步骤6：将初始化好的本地仓库代码提交到远程仓库（码云步骤7：使用项目需求管理系统给员工安排任务（码云企业版或j

导入变量/函数并使用(3)import*asxxx语句-全部导入(4)exportdefault-默认导出2，在Vite工程中批量导入js模块3，在Vite工程中批量导入图片/音频等静态资源总结前言在Vue

最近在vue项目开发时，领导提了一个需求，需要实现自由拖动element表格进行排序，小编上网查了很多方法，最终实现了这个功能。在这里小编跟大家分享一下如何实现这个功能的。

一、标题项目开发前的准备工作：开发前需要做一些前置工作，以此保证用户在访问页面时看到的东西不会因设备的差异而出现各种不同的效果，比如一个页面在iphone7plus上显示的很正常，然后切换到了iphone5上因为屏幕太小部分页面内容被遮挡了，影响用户正常使用和体验，当然还有一些细节需要优化，比如移动端的1像素边框问题，移动端的300毫秒点击延迟等，这些都可以进行一些优化，从而把用户体验做到更好。移

Vue项目开发前准备工作1、首先肯定要先下载node.js;在官方网站选择适合自己电脑配置的版本。

页面实现登录注册这两个页面的实现主要使用到的就是element-ui中的form表单和input组件，页面的搭建比较简单就不再这里过多说明了。功能实现连接服务器1.对vue进行基础配置devServer:{port:8848,//端口号host:"localhost",//端口https:false,//是否使用https协议open:false,//每次启动是否自动在页面打开proxy:{//代

项目名称b0341图书馆项目使用技术vue，node，element-ui，mongoDB计划实现1.用户的登录，注册。2.图书的添加，删除，图书信息的更改，查询图书。3.图书的借阅。4.用户的信誉等级和借阅记录。5.用户信息展示。数据计划采用node搭建本地服务器，连接mongDB进行数据的获取与储存。源码Github：Github：https://github.com/hrbust191401

node的安装1.下载node的安装包，建议下载稳定版node.js官网2.node安装，一键式安装，一路next3.检测node是否安装成功win+R输入cmd在终端输入node-v和npm-v如图所示，显示版本，即安装成功。可选更改全局安装地址，这里并没有更改，有需要的可浏览博文node安装vscode安装1.下载vscode，建议安装稳定版vscode官网2.vscode安装，一键式安装，安

一.VueX1.关于VueXVueX是适用于在Vue项目开发时使用的状态管理工具。

→[设为星标⭐]作者：愣锤https://juejin.im/post/6844903632815521799最近要求使用vue进行前后端分离开发微信公众号，不断摸索踩坑之后，总结出如下几点vue项目开发中常见的问题及解决办法

来源：愣锤https://juejin.im/post/6844903632815521799最近要求使用vue进行前后端分离开发微信公众号，不断摸索踩坑之后，总结出如下几点vue项目开发中常见的问题及解决办法

一、开发时实现axios跨域访问1.在config/index.js中添加下面代码proxyTable:{'/':{target:'http://192.168.2.105:8888',//目标接口域名,有端口号记得加上端口号changeOrigin:true,//是否跨域pathRewrite:{'^/':'/'//重写接口,后面可以使重写的新路径，一般不做更改}}},2.使用axios请求数据

一、企业项目开发流程产品提需求交互设计出原型设计视觉设计出UI设计图前端开发出页面模板server端存取数据库验收测试二、为什么要使用vue:https://cn.vuejs.org/v2/guide/comparison.html5个前端，4个会vue，1个会react，那么你该如何选择客户要求使用vue...三、如何选择脚手架自己搭建脚手架webpack使用现成的脚手架https://cli.

一般在vue项目开发的的过程中，有些人会很疑惑为啥预览打包后的dist文件夹中的index.html会报错显，页面显示不出来呢？

前言：大家在vue项目开发中经常需要处理表单提交的问题，但当用户快速点击提交按钮时，会发送多个请求，为了防止这个问题，我们需要对按钮进行限制，下面给大家介绍一个简单的方法。

vue项目开发时一般用相对路径，但是如果文件位置发生变动，需要重新设置路径，为了解决这个问题，直接通过修改vue-cli的webpack配置，进行别名的设置参考官方文档vue-cli官方文档webpack

如何解决Vue.js创建项目时cnpm命令无法运行问题当我们安装完成node.js，因vue项目开发会用到nodejs中的npm命令。

分析包大小1.需求2.如何生成打包分析文件三、webpack配置排除打包1.需求2.排除打包四、引用网络资源1.需求2.CDN3.实现步骤五、打包去除console.log1.需求2.代码演示总结前言Vue

前言Vue项目开发完毕后，对项目进行打包发布之前，必不可少的操作就是项目优化，这也是程序猿的加分项。

目录一、开发环境到生产环境的转变二、设置统一的请求路径三、运行打包命令vue项目开发完成后，我们需要将项目打包上线，同时我们希望可以在本地预览生产环境项目（以vue-cli脚手架生成的项目为例）一、开发环境到生产环境的转变项目开发结束之后

3.使用Mixins4.使用动态组件去懒加载组件5.在组件作用域内的CSS中使用::v-deep修改组件样式6.使用装饰器优化代码7.利用require.context去获取项目目录信息总结引用前言在Vue

Vue.jsisanawesomeJavaScriptFrameworkforbuildingFrontendApplications!VueJSmixestheBestofAngular+React!协议API与用户的通信协议，总是使用HTTPs协议。域名应该尽量将API部署在专用域名之下。https://api.example.com如果确定API很简单，不会有进一步扩展，可以考虑放在主域名下

Vue.jsisanawesomeJavaScriptFrameworkforbuildingFrontendApplications!VueJSmixestheBestofAngular+React!目录简介letconst解构赋值正则的扩展字符串的扩展数值的扩展数组的扩展函数的扩展对象的扩展Symbolset和map以及和数组对象的对比Proxy和ReflectClassPromiseIter

目录1，前言2，第一种方式3，第二种方式总结1，前言在Vue项目开发中，肯定会有这样一个场景：在不同的组件页面用到同样的方法，比如格式化时间，文件下载，对象深拷贝，返回数据类型，复制文本等等。

分析包大小1.需求2.如何生成打包分析文件三、webpack配置排除打包1.需求2.排除打包四、引用网络资源1.需求2.CDN3.实现步骤五、打包去除console.log1.需求2.代码演示总结前言Vue

分析包大小1.需求2.如何生成打包分析文件三、webpack配置排除打包1.需求2.排除打包四、引用网络资源1.需求2.CDN3.实现步骤五、打包去除console.log1.需求2.代码演示总结前言Vue

Vue路由this.route.push跳转页面不刷新一、背景介绍：在vue项目开发中，使用路由进行页面跳转时，路由所跳转的页面不进行刷新。

场景在公司进行React或者Vue项目开发的过程中，在后端尚未准备好接口时，我们需要进行数据mock来实现页面渲染、模拟前后端交互。

场景在公司进行React或者Vue项目开发的过程中，在后端尚未准备好接口时，我们需要进行数据mock来实现页面渲染、模拟前后端交互。

一、背景介绍：在vue项目开发中，使用路由进行页面跳转时，路由所跳转的页面不进行刷新。也就是vue生命周期函数没有执行(created、mounted钩子函数)。

在vue项目开发中，我们使用axios进行ajax请求，很多人一开始使用axios的方式，会当成vue-resoure的使用方式来用，即在主入口文件引入importVueResourcefrom'vue-resource

vue项目开发中遇到用qrcodejs2插件生成二维码，在苹果手机长按可以识别扫码，但是在安卓手机上无法识别，查询资料发现，主要是因为在canvas生成img的时候，在苹果手机上会隐藏隐藏canvas标签

开发前准备工作Vue项目依赖环境Vue项目开发需要基于Nodejs，请确保安装Nodejs(建议安装最新版本Nodejs)。node-v项目开发过程中，需要利用Nodejs包管理器NPM。

1.使用elment或者mintUI库时，需要全局引入ui库的css文件；然后在修改自己样式时，需要将自己的css文件引入到main.js中才会生效，全局引用2、使用v-html展示dom字符串时，相应的css文件中的样式是不会生效的，需要使用组件展示dom3、axios使用，是需要一个qs的node模块，然后请求的数据格式是表单格式的，需要设置header的Content-Type格式impor

目录准备内容：思路介绍：服务选择：准备内容：1、硬件：一台linux服务器、一台开发用电脑2、软件：开发电脑：idea(用于springboot项目开发)、vscode(用于vue项目开发)、xshell7

1.前言最近要求使用vue进行前后端分离开发微信公众号，不断摸索踩坑之后，总结出如下几点vue项目开发中常见的问题及解决办法。如果你是vue大佬，请忽略小弟的愚见列表进入详情页的传参问题。

我们在vue项目开发过程中总是遇到各种个样的全局弹窗（权限提醒，alert提示，缴费提醒），这些全局弹窗全站很多地方在调用，调用调用很蛮烦，将这些组件部署到全局位置，又无法做到按需加载，而且部署到全局的组件数据回传

Vue+Typescript中在Vue上挂载axios使用时报错在vue项目开发过程中，为了方便在各个组件中调用axios，我们通常会在入口文件将axios挂载到vue原型身上，如下：main.tsimportVuefrom'vue'importaxiosfrom

我们vue项目开发的时候有时会出现http://localhost:8080/sockjs-node/info?t=xxxxx错误。

一、inheritAttrs和attrs在vue项目开发中可能会遇到父组件给子组件传值，这个值还要从子组件传给他的子组件，所以我们就会看到这样的代码。

为你的项目增加更灵活的钩子函数，把组件系统变得可管理作为一个前端小学生希望各位大大点颗星星鼓励GitHub：https://github.com/allensunjian/vue-components-manager适用于vue

最近在Vue项目开发的过程中遇到一个问题，那就是在点击同一个路由操作的时候，控制台会报一下错误提示：Uncaught(inpromise)NavigationDuplicated:Avoidedredundantnavigationtocurrentlocation

在实际的vue项目开发中，一般与element-ui搭配使用的比较多。

在实际的vue项目开发中，一般与element-ui搭配使用的比较多。

前言vue作为国内主流开发框架，对于前端人员而言，还是很容易理解接收的。开发项目的流程开发前的配置我在公司里做的是《xxx》的项目，在开发的时，我用的是vue脚手架3，在搭建完项目后，我会对环境变量进行配置，以便于我们在不同的环境下使用，配置完多环境变量我会对axios请求，进行封装，在封装axios请求时，我会在src目录下新建一个http文件夹，在文件夹下在新建三个文件，分别是api.js，h

vue项目开发流程（教育类）我们这个项目是一个教育类的移动端项目，我们用到的技术栈是vantui和vue-cli4脚手架axios,router,vuex.首先先搭建脚手架，vuecreate项目名来搭建脚手架

项目开发流程前言:人生所谓的成功，就是坚持把一件事情做到极致在开发项目的过程中，每个人写代码的格式都是不一样，为了代码规范，会开启eslint（严格）规范，帮助检测代码是否规范，如果不规范，自动按着既定的规范格式化，在搭建脚手架之前，要在编辑器安装eslint插件，配置编辑器的自动保存eslint格式，然后在首选项打开设置json里进行配置，用eslint的规范来检测文件，比如js文件。首先，要搭

我们在进行vue项目开发的时候，难免会用到vue-router，通过新建vue-rouer对象，能够方便我们对路由进行配置。在使用的过程中经常需要使用this.$router和this.

题记——严于律己，精于行动，点滴积累，着眼未来，你也许不负青春本小节描述1、前端路由的两种主流实现方式hash与history对象简述2、分析使用在vue中通过vue-router实现路由功能《Vue项目开发中的点滴积累系列文章