• vue 项目 利用bus实现登录注册页面之间的切换

    时间:2024-05-19 15:22:11

    一、目标写一个登录的主页面。主页面内放入一个登录页和一个注册页。进入后默认为登录,点击注册按钮后换为注册页。注册完成后换回登录页。二、前期准备文件位置关系:主页面结构:通过v-show来控制显示的是登录还是注册。登录和注册页面结构:界面效果:点击注册按钮:点击确认注册又切换回登录界面。三、进入正题1...

  • 当你vue创建项目创建不成功,报错Failed to get response from htttps://registry.npm.taobao.org/vue-cli-version-m,解决办法

    时间:2024-05-19 14:08:21

    1 你看是不是跟我的一样 提示你Failed to get response from htttps://registry.npm.taobao.org/vue-cli-version-marker . 2 我试了好多方法 ,甚至 node,vue脚手架都 卸载还是没用。 3 我测试了nrm ls ...

  • vue 项目 core-js报错 "core-js/modules/es6.array.find-index"

    时间:2024-05-19 14:00:49

    今天早上新拉代码然后install之后npm run dev报错提示页面提示报错于是在网上找了一下,发现是core-js版本太高***给它安装cnpm install [email protected]* (我用的淘宝镜像)成功完结....

  • 使用npm初始化创建vue项目

    时间:2024-05-19 11:01:24

    为什么要使用npm(自己的理解)当年的前端都是sublime来玩,如今引入前端工程化的概念,让前端与后端分离,分离后的前端工程化,需要使用第三方管理工具进行开发过程管理。就出现了npm,Node Package Manager。从字面我们可以理解,npm是基于node.js的,安装node.js后会...

  • vue配合MyWebServer,实现项目上线的部署教程

    时间:2024-05-19 08:32:59

    一 下载MyWebServer服务器-->安装二.Vue项目:npm run build将生成的dist目录里面的内容(注意:不包含dist目录本身),如图三 启动服务器,四 打开浏览器输入:localhost即可看到结果...

  • vue项目nginx部署,以及带项目名的部署

    时间:2024-05-19 08:32:10

    vue项目部署,以及带项目访问的部署vue部署到服务器带项目名的vue项目部署大功告成vue部署到服务器1.进行打包,idea上npm运行build进行打包 打包完成后项目目录下的dist文件即项目 2.配置nginx服务器,打开conf目录下,nginx.conf文件 只需要注意root对应你的d...

  • Vue项目环境搭建及git仓库新建

    时间:2024-05-19 07:09:05

    主要是git安装 vue在git上的项目搭建命令 简单总结下1.node安装  2.git安装 3.码云项目管理 4.vue项目搭建 5.git和码云代码同步1. 安装node.js链接:https://nodejs.org/en/download/直接傻瓜式安装即可。一直下一步下一步就好啦。   ...

  • Error: EPERM: operation not permitted, mkdir ‘C:\Program Files\nodejs\node_学习第一天,导入VUE项目时遇到的两个问题

    时间:2024-05-18 17:26:15

    导入VUE项目时遇到的问题一:Error: EPERM: operation not permitted, mkdir ‘C:\Program Files\nodejs\node_cache’​​​​导入已存在vue项目报错,需要右键→以管理员权限运行解决!!导入VUE项目时遇到的问题二:npm i...

  • vue中npm run dev运行项目不能自动打开浏览器! 以及 webstorm跑vue项目jshint一直提示错误问题的解决方法!...

    时间:2024-05-18 17:21:19

    vue中npm run dev运行项目不能自动打开浏览器!以及 webstorm跑vue项目jshint一直提示错误问题的解决方法!1、上个项目结束就很久没有使用vue了,最近打算用vue搭建自己的个人站点就准备先创建项目。然后就出现了一系列问题,可能是很久没用吧,太生疏了,之前又不小心把环境变量删...

  • webstorm 无法创建vue项目,报npm ERR! code EPERM,报-4048错误

    时间:2024-05-18 17:21:16

    这里写自定义目录标题webstorm 无法创建vue项目,报npm ERR! code EPERM,报-4048错误webstorm 无法创建vue项目,报npm ERR! code EPERM,报-4048错误解决办法:将webstorm关闭,然后点击webstorm快捷键,右键使用管理员身份运行...

  • vscode创建的vue项目只有package.json和README.md两个文件

    时间:2024-05-18 17:18:55

    前言:因为本人是个前端新手,第一次遇到这个问题,也不知道具体是什么原因,但我自己操作了一下,可以用了。如果只想如何能让项目跑起来,如果不纠结原因的话可以往下继续看。大佬看到了知道是什么问题跟我说一下,万分感谢!!!问题具体问题我不多说,直接贴图。处理终端操作进入vue文件夹,输入npm instal...

  • VUE项目webpack打包时候去掉console.log配置

    时间:2024-05-18 13:13:54

    new UglifyJsPlugin({uglifyOptions: {compress: {warnings: false,pure_funcs: ['console.log']}},sourceMap: config.build.productionSourceMap,parallel: tru

  • 使用uni-app(Vue.js)创建运行微信小程序项目步骤

    时间:2024-05-17 14:50:41

    使用uni-app(Vue.js)开发微信小程序项目步骤1. 新建一个uni-app项目  创建完成后的目录结构2. 打开微信小程序开发工具端的端口调试功能3. 运行创建的项目效果...

  • Vue + Vite + Axios 项目多环境以及部署前后端跨域

    时间:2024-05-11 07:52:10

    最近在前端多环境和部署服务器之后出现的跨域的问题。 多环境 前端多环境 Vite Axios 1.首先在项目目录下定义多环境的文件。 这里列举开发环境和发布环境 .env.development 环境 # 开发时加载// 此处为开发时接口VITE_API_URL = 'http://localhos...

  • Vue的项目启动指令分析

    时间:2024-05-07 08:22:53

    通过Vue CLI脚手架创建的项目,默认的启动项目方式是 npm run serve 这里的serve是可以修改的。 在创建的项目目录中,找到package.json 双击打开,找到scripts部分 在scripts部分,有一个"serve"键值对,这里的serve可以改成其他名字,比如 这...

  • Vue ui 创建vue项目,详细使用攻略。

    时间:2024-05-01 10:37:59

    1.安装及启动         1.1 Vue ui 使用前提是全局安装vue.js 命令如下 npm install vue -g         1.2 安装过Vue.js 之后 随便在自己系统的一个地方打开命令面板         1.3 使用命令启动vue ui面板创建项目  vue ...

  • Pinia在Vue 3项目中的应用

    时间:2024-04-30 07:19:11

    Pinia是一个用于Vue 3的状态管理库。它旨在提供一个简单而强大的解决方案,用于在Vue 3项目中管理应用程序的状态。下面是Pinia在Vue 3项目中的一些常见应用示例: 创建和管理全局状态:Pinia允许您在应用程序中创建和管理全局状态。您可以使用Pinia的createPinia函数创建...

  • Vue3+Vite开发的项目进行加密打包

    时间:2024-04-28 12:38:16

    在Vue3中使用qrcode库实现二维码生成 forest_csdn_1: 第一个直接用img的形式,浏览器报错pay-way.vue:380 Error: You need to spec...

  • 前端vue项目加快热更新——提高部署速度——采用babel-plugin-dynamic-import-node插件

    时间:2024-04-26 15:39:25

    vue热更新编译慢的解决办法 安装插件:babel-plugin-dynamic-import-nodeyarn add babel-plugin-dynamic-import-node -D增加配置文件:babel.config.js module.exports = { env: { d...

  • vue3项目 使用 element-plus 中 el-collapse 折叠面板

    时间:2024-04-23 07:13:54

    最近接触拉了一个项目,使用到 element-plus 中 el-collapse 折叠面板,发现在使用中利用高官网多多少少的会出现问题。 (1.直接默认一个展开值,发现时显时不显 2 . 数据渲染问题,接口请求了,页面数据不更新 3 样式问题,自定义表头title等等) 我们的数据结构是双数组,如...