vue
gao_jun1
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
项目打包报错:npm ERR! missing script: build
一、问题描述 今天使用 npm run build 对项目进行打包时,报出如下错误: npm ERR! missing script: build npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\gaojunlong\AppData\Roaming\npm-cache\_logs\2020-10-22T03_41_56_695Z-debug.log 二、解决办法 观察package.json中的.原创 2020-10-22 11:54:05 · 3807 阅读 · 0 评论 -
vue项目报错:[vue/no-parsing-error] Parsing error: x-invalid-end-tag.eslint-plugin-vue
一、问题描述 在编写vue的template模块时,会报出红线上的错误,但是在正常情况下又不影响项目的正常运行,但是就是看着有些难受。 二、解决方法 1、在vscode的左下角找到设置的按钮,点击设置 2、在搜索框中搜索 Vetur>Validation:Template ,将这一项的勾选去掉即可。 ...原创 2020-10-06 09:10:58 · 15210 阅读 · 3 评论 -
vue最初:vue如何创建一个新项目
一、node.js和npm的安装 1、node.js的下载和安装 ①、node.js的下载地址 http://nodejs.cn/download/ 可以根据自己的需要,选择对应的版本进行下载。 ②、node.js的安装 解压之后点击node.exe进行安装。 2、检查是否安装成功 ①、安装完成之后打开cmd进行检查 ②、通过淘宝镜像,下载cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 安装完cnpm之后,就可.原创 2020-09-12 19:28:03 · 1845 阅读 · 0 评论 -
vue项目运行时报错:‘webpack-dev-server‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。
一、问题描述 在用 npm run dev 运行项目时,报出下面的错误。 二、解决方案 第一步,用一种简单粗暴的方式,直接到项目的根目录,然后删除node_modules文件夹 第二步,然后重新打开cmd,运行npm install(有cnpm的可以运行cnpm install)。 第三步,npm install运行成功之后,再次运行npm run dev 如果按照上面的步骤没有成功,继续报类似的错误,那就多尝试几次,“再删再安装”。 ...原创 2020-09-12 17:10:36 · 716 阅读 · 0 评论 -
vue项目警告:Emitted value instead of an instance of Error
一、问题描述 错误描述:翻译过来大概的意思就是缺少一个key,来指定相应的属性 warning in ./src/view/Index.vue (Emitted value instead of an instance of Error) <el-menu-item v-for="item2 in item.children">: component lists rendered with v-for should have explicit k eys. See https://vue.原创 2020-09-05 14:27:04 · 15603 阅读 · 0 评论 -
通过element-ui中menu和router的绑定,实现页面跳转
一、项目描述 通过Vue创建了一个前端项目,项目中导入了element-ui组件,项目中我创建了四个独立的vue界面(分别是:PageOne.vue、PageTwo.vue、PageThree.vue、PageFour.vue);其次,使用element-ui创建了两个导航栏(其中包含四个页面:页面1、页面2、页面3、页面4)。需要实现的功能为:点击页面1、2、3、4,实现PageOne.vue到PageFour.vue的跳转。 项目结构如下: 二、通过menu和router的绑定实现上述功能 .原创 2020-09-05 11:52:09 · 22226 阅读 · 6 评论 -
element-ui的安装和使用,及在Vue项目中,查看当前正在使用的element-ui版本
一、引入element-ui的两种方式 第一种方式:使用npm命令行安装 npm i element-ui -S 第二种方式:CDN直接获取最新资源 二、查看当前Vue项目的element的版本 我是用idea创建的Vue项目,在pack.json的dependencies中就可以直接查看 ...原创 2020-09-04 19:20:13 · 9978 阅读 · 0 评论 -
基于vue.js和Spring Boot,搭建一个前后端分离的登录项目
一、前端 Vue.js + iview 1、先查看本机是否安装了node.js、npm、和vue 使用cmd命令行窗口进行查看,输入之后,均显示对应的版本,证明安装成功!!! 如果没有安装,可以参考前面的一篇博客: 基于idea,从零开始搭建第一个vue项目 2、打开idea,新建一个网页项目。这里取名为login,安装步骤,依次填写项目名称和对应的地址 3、初始化包结构(因为已经安装的vue,所以减去了一些复杂的工程) 在Terminal中输入命令: vue init webpack log.原创 2020-08-24 19:03:07 · 785 阅读 · 0 评论 -
基于idea,从零开始搭建第一个vue项目
一、基础知识了解 搭建vue项目,需要了解node.js、npm或cnpm、webpack、vue、iview的基础只是 1、Node.js 简单的说 Node.js 就是运行在服务端的 JavaScript,是一个基于Chrome JavaScript 运行时建立的一个平台,是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。 参考地址:Node.js教程 2、npm npm 是 nodejs 的包管理和分发工具。它.原创 2020-08-24 14:15:46 · 2420 阅读 · 1 评论
分享