1.vue开发中发现最后越来越多的编译警告,如 warning: Replace `↹↹` with `··` (prettier/prettier) at src/views/shebei/shouye.vue:554:1: 最终排查得出结论,是编写代码,空格问题,(代码和编辑器左边有空格导致),css html 都会导致,必须确保左边空额不能有  截图如下: 正确的编码样式: 编译控制台报错警告信息

vue项目运行控制台输出太多警告信息,我们需要vue 忽略警告, 解决方法:找到build/webpack.base.conf.js  文件 注释掉: // ...(config.dev.useEslint ? [createLintingRule()] : []), 保存,关闭服务重新 npm run dev  重启服务就可以啦

vue项目运行控制台输出太多警告信息,我们需要vue 忽略警告,如Expected indentation of 0 spaces but found 2 这种警告都提示,很影响视觉体验!     解决办法: 找到build/webpack.base.conf.js  文件     找到 第43行 module: { rules: [ // ...(config.dev.useEslint ? [createLintingRule()] : []), { test: /\.vue$/, load

一.起因 在#单元测试#以karma+mocha+chai 为测试框架的Vue webpack项目(一)文中,说明了是对已有的Vue项目进行测试框架的搭建,并进行测试.但是此项目在利用 vue-cli 创建时并没有安装 unit 测试和 jest 工具,于是造成了karma start 测试运行时的一些错误.本文意在解决主要的错误. 二.错误论述 共有两个大错误: 1.关于mocha关键字未定义的错误 Error:describe is not define            Error:i

1.安装node js 下载地址:http://nodejs.cn/download/ 2.安装完成后运行Node.js command prompt(node -v查看安装版本) 3.安装npm(由于现在版本的nodejs已经集成npm所以无需安装,可以用npm -v 查看版本) 4.注册cnpm来代替npm 使用命令:npm install cnpm -g --registry=https://registry.npm.taobao.org 如果你发现你安装成功了,使用cnpm却发现找不到命

今天用vue-cli新建vue项目的时候,发现项目怎么都跑不起来. 最后通过与以前项目作比较,发现prettier这个依赖的版本从原来的1.12.0升级成了1.13.1.我也不太清楚为什么升级后项目跑不起来. 暂时的解决方法:删除1.13.1版本的包(在node_modules文件夹),安装低版本的prettier,npm install --save-dev prettier@1.12.0

今天运行项目,项目一直好好的却突然运行时报错,如下: 是引入文件报错问题,回头查看了一下文件在main.js的引入: import '@/assets/styles/custom.less'; 文件引入并没有问题. 百度了一下是说相关依赖babel-loader和vue-loader没有找到,但是npm i babel-loader vue-loader依然报错此信息. webpack的配置文件正常情况下已经配置好可以引入css,less等文件,如果出现报错有两种方式解决:第一是用src形式引入

'vue-cli-service' 不是内部或外部命令,也不是可运行的程序 或批处理文件. 运行Vue项目文件的时候报如下错误 需要先用淘宝镜像来运行:cnpm install 然后运行成功后 就可以重新运行项目了  npm  run serve

共分为以下六步: 1.安装node.js2.安装cnpm3.安装vue-cli脚手架构建工具4.用vue-cli构建项目5.安装项目所需的依赖6.运行项目 第1步:从node.js官网下载node.js 并进行安装,全部使用默认安装即可,官方网址:https://nodejs.org/en,注意选择lts版本 第2步安装cnmp 在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待安装完成即可 第3步

## npm搭建的项目,需要运行npm run dev来启动 webstorm作为一款优秀的编辑器,通过配置运行设置,达到一键运行 1.添加node.js配置 2.configuration->node interpreter : 路径/node.exe 3.configuration->working directory: 路径/project 4.configuration->javascript file : build\dev-server.js

前端使用基于vue的Nuxt框架,但是随着项目功能增多,项目变大,频繁出现此种情况,原因是项目太大,导致内存溢出,排除代码问题外,可参照以下方式解决 解决方案 1.全局安装increase-memory-limit npm install -g increase-memory-limit 2.进入工程目录,执行:increase-memory-limit 嗯,就酱~~

出错起因:      从GitLab clone项目 --> 用 npm install 命令下载依赖包 --> #npm run dev,报错 错误截图: 解决方法:   思路:单独 install 一下出错的module: Node Sass. 命令:#npm install node-sass --save-dev 或者 #cnpm install node-sass --save-dev (我用的后者)   解释:cnpm命令会从淘宝镜像下载相关资源包,--save-dev表示仅保存在

[方案1] 错误如下: npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! travel@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the travel@1.0.0 dev script. npm ERR! This

长时间不做vue项目,今天看vue项目运行时有些指令忘记了,在这里写下相关指令 .克隆已有项目,一般情况项目中的README.md写的是项目运行步骤,一般项目的运行如下 克隆项目 git clone 项目路径 比如 git clone https://github.com/xxxx/xxxx.git 进入到项目 cd 项目名 安装依赖 npm install 启动项目 npm run dev 2.再有就是直接拷贝或下载

一.导语 最近在研究,左侧是导航,右侧是显示对应的内容,左右可单独滚动,不互相影响,如何实现? 萝卜蹲的游戏大家都玩过,白萝卜蹲,白萝卜蹲,白萝卜蹲完红萝卜蹲,可是若是在含有滚动条的页面的情况下,白萝卜是子元素,红萝卜是父元素,白萝卜蹲完不想让红萝卜蹲,怎么办? js是直接用阻止默认事件e.preventDefault(); ,vue虽然也有阻止默认事件 @scroll.prevent,但是并没有效果啊,怎么办啊??有木有同学会啊??? 二.正文 记录下如何更改vue项目运行的端口号 使用web

因为公司项目要求, 原本的vue移动端项目, 现在要求能使用定位, 调用摄像头等功能, 并且开发成混合APP. 一个小白的孤军奋战史, 记录一下, 以备后用.... 第一步: 安装cordova 在命令窗口执行: npm install -g cordova 第二步: 新建一个cordova项目 同样的在命令窗口执行命令: cordova create cordovaApp com.cordova.testapp cd cordovaApp cordova platform add androi

从码云上下载vue项目,运行npm run dev 时报错: > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序或批处理文件.npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! vue@1.0.0 dev: `webpack-dev-server --inline --p

Docker 部署 vue 项目 Docker 作为轻量级虚拟化技术,拥有持续集成.版本控制.可移植性.隔离性和安全性等优势.本文使用Docker来部署一个vue的前端应用,并尽可能详尽的介绍了实现思路和具体步骤,以方便有类似需要的同学参考. Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,该容器包含了应用程序的代码.运行环境.依赖库.配置文件等必需的资源,通过容器就可以实现方便快速并且与平台解耦的自动化部署方式,无论你部署时的环境如何,容器中的

前置条件 需要安装node环境 安装vue\cli工具 vue\cli官网 传送门 vue-cli 安装node.js nodejs中文网 点击之后会发现这个界面 可以点击下载或者选择其他版本的包,尽量选择偶数版本的包,因为偶数包是稳定版本的,不用一味的追求新版本 下载好之后双击exe文件,一直点击next就行了 打开cmd输入node -v如果出现版本号那么就安装成功了 再检查npm 看npm有没有装好 输入npm -v ,如果出现版本号那么就说明安装成功了 开始安装vue-cli 打开cmd

1.  npm install xlsx 2. 在App.vue 中引入xlsx import * as XLSX from 'xlsx'; // 数据导出导入所需要的依赖  3.  使用xlsx 3.1 新建一个工作簿 workBook 3.2 生成一个工作表 sheet 3.3 在工作簿中添加工作表 3.4 导出 .xlsx文件 //1. 新建一个工作簿 let workbook = XLSX.utils.book_new(); //2. 生成一个工作表, //2.1 aoa_to_shee

1.首先需要的原料肯定是vue打包生成的dist文件 在vue项目目录下运行:npm run build,等待运行结束,会在项目目录下生成一个dist文件夹,里面会生成一些文件(如下图示) 小的项目文件会少些.. 2.安装express本地服务器 能运行起来npm run build我就默认大家不是小白喽,这边同样需要node环境,在环境中运行 npm install -g express-generator 等待安装完毕,可通过运行:express --version验证express是否安装