![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
gao_jun1
这个作者很懒,什么都没留下…
展开
-
项目打包报错:npm ERR! missing script: build
一、问题描述今天使用 npm run build 对项目进行打包时,报出如下错误:npm ERR! missing script: buildnpm 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 · 3341 阅读 · 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 · 14338 阅读 · 3 评论 -
vue最初:vue如何创建一个新项目
一、node.js和npm的安装1、node.js的下载和安装①、node.js的下载地址http://nodejs.cn/download/可以根据自己的需要,选择对应的版本进行下载。②、node.js的安装解压之后点击node.exe进行安装。2、检查是否安装成功①、安装完成之后打开cmd进行检查②、通过淘宝镜像,下载cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org安装完cnpm之后,就可.原创 2020-09-12 19:28:03 · 1724 阅读 · 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 · 594 阅读 · 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 keys. See https://vue.原创 2020-09-05 14:27:04 · 14508 阅读 · 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 · 20504 阅读 · 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 · 8880 阅读 · 0 评论 -
基于vue.js和Spring Boot,搭建一个前后端分离的登录项目
一、前端Vue.js + iview1、先查看本机是否安装了node.js、npm、和vue使用cmd命令行窗口进行查看,输入之后,均显示对应的版本,证明安装成功!!!如果没有安装,可以参考前面的一篇博客:基于idea,从零开始搭建第一个vue项目2、打开idea,新建一个网页项目。这里取名为login,安装步骤,依次填写项目名称和对应的地址3、初始化包结构(因为已经安装的vue,所以减去了一些复杂的工程)在Terminal中输入命令:vue init webpack log.原创 2020-08-24 19:03:07 · 607 阅读 · 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、npmnpm 是 nodejs 的包管理和分发工具。它.原创 2020-08-24 14:15:46 · 2133 阅读 · 1 评论