一  使用环境: windows 7 64位操作系统 二  Vue学习-nodejs按装配置,Node.js 就是运行在服务端的 JavaScript. 1. 去nodejs的官网下载  https://nodejs.org/en/download/ ,直接点 windows installer 2. 选择按装路径后(我的按装路径 D:\nodejs ),直接下一步,这样 npm 命令就可以用了, node -v 来测试是否成功安装  按装是此处不勾选 3. 配置npm在安装全局模块时的路径和缓

vue中npm run dev运行项目不能自动打开浏览器!以及 webstorm跑vue项目jshint一直提示错误问题的解决方法! 1.上个项目结束就很久没有使用vue了,最近打算用vue搭建自己的个人站点就准备先创建项目. 然后就出现了一系列问题,可能是很久没用吧,太生疏了,之前又不小心把环境变量删除了,结果各种不是内部或外部命令. 这里要说的问题就是一个让我很不爽的问题: I  Your application is running here: http://localhost:8080

vue使用npm run build命令打包项目   当我们使用vue-cli脚手架完成一个项目的时候,下一步肯定会想要怎么把这个项目放到互联网上或者本地直接打开呢,我们在本地调试的时候只要命令行执行npm run dev就可以把这个项目跑起来,但是现在我们要把他放到服务器上的话用npm run build命令就可以啦. 首先 命令行执行npm run build命令,命令需要在项目目录下执行 C:\Users\John\Desktop\demo>npm run build   我的是一个在桌面

运行 npm run lint -- --fix,提示:error Use the global form of 'use strict',使用说明网址:https://eslint.org/docs/2.0.0/rules/strict#options 解决办法: .eslintrc 文件中,添加如下配置:不使用"use strict",就不提示了: { "rules": { "strict": [2, "never"] }

vetur 的 template(html) 默认使用的格式化插件是 prettyhtml,虽然可以选 prettier,和 npm run lint 的格式化保持一致,但是有时候会影响到 script 和 style ,使 script 和 style 按照 html 语法解析的问题,在开发的时候不方便. 所以,vetur 还使用 默认的格式化 html 的插件 prettyhtml,便于开发,提交代码的时候,使用 npm run lint 检查并格式化(prettier)后提交代码.

问题: vue 项目npm run dev运行时报错,如下图:  原因: 缺少相应的组件 解决办法: 安装相应组件: npm install babel-plugin-syntax-jsx --save-dev 安装完成再次执行npm run dev

问题: vue项目npm run dev运行时报错,如下图:  原因: 缺少组件 解决办法: 安装相应的组件:  npm install babel-plugin-transform-vue-jsx --save-dev 然后再次运行:npm run dev

这段时间公司新项目立项,开发组选用 Vue2.0 进行开发.当然也就一并用到 vue cli 进行自动化构建.结果在基础版本开发完成后,用 npm run build 命令打包上线时,发现以下几个问题.虽然这些问题对项目正常运行影响不大,但是却对性能影响比较大. 1.加载图片过多,过大时,加载缓慢: 2.部署包过大,上传缓慢: 本来想偷个懒,优化的事放到以后再说,但是每次上传服务器,包太大自己都感觉不爽.所以索性先优化了再说! 1.加载图片过多,过大时,加载缓慢: 原因: 解决方案: 2.部署包

刚装上了win10,用vue运行下项目,输入npm run dev之后报了三个以下错误: There are multiple modules with names that only differ in casing. This can lead to unexpected behavior when compiling on a filesystem with other case-semantic. Use equal casing. Compare these module identi

系统 环境 vue   nginx 步骤 1.打包vue项目 2.配置nginx 打包vue项目 1.项目配置   我们使用服务器的8000端口 2.打包 # npm run build 打包成功会创建dist目录 3.上传到服务器 配置nginx 1.进入nginx 2.复制默认的配置文件default.conf  -> fengtaoconf # cp  default.conf fengtao.conf # vim fengtao.conf   修改端口 和 路径 3.有的服务器还需控制台

vue项目使用npm run build命令进行打包操作,打包之后试运行报错,报错为: 且命令行警告信息为: 解决办法: 找到项目目录下的config文件夹里的index.js文件,将build对象下的assetsPublicPath中的“/”,改为“./”即可,就在前面加个点就可以了, 再次运行命令行: npm run build,将打包好的dist文件放到本地服务器下,浏览器打开对应地址即可. PS: 查看打包后dist 文件是否可以正常运行有一个前提,需要将dist文件放在本地服务器映射下

├─build │ ├─build.js │ ├─check-versions.js │ ├─dev-client.js │ ├─dev-server.js │ ├─utils.js │ ├─vue-loader.conf.js │ ├─webpack.base.conf.js │ ├─webpack.dev.conf.js │ ├─webpack.prod.conf.js │ └─webpack.test.conf.js ├─config │ ├─dev.env.js │ ├─index.js

npm run dev运行项目自动打开浏览器设置自动打开浏览器 // 各种设备设置信息      host: 'localhost', //主机名      port: 8080, // 端口号(默认8080)      autoOpenBrowser: false, //是否自动打开浏览器 //想让浏览器自动打开,只需将false改为true即可,为防止端口号冲突,这里也可以随意更改端口号 autoOpenBrowser: true,  //是否默认打开浏览器,默认是false,改为true即

npm config set registry http://registry.cnpmjs.org try again npm run build 居然能动了....

npm run dev运行时报错,原因有很多. 一般用下面这种方法都能解决的. 最简单粗暴的方法: 1.删除依赖包node_modules 2.然后重新npm install就行了 (如果这步报错了,试试cnpm install)

最近用vue2.0 + webpack搭建了环境创建新的项目.出现一个很蹩脚的问题: 在终端输入 npm run dev 的时候,不能自动打开浏览器运行项目. 这段话的意思是:你的应用程序运行地址是:http://localhost:8080 但是,在之前 运行npm run dev 之后会默认自动打开浏览器运行的.百度之后,找到了解决的办法: 找到根目录下config文件夹下index.js文件,如下图: autoOpenBrowser: true, //是否默认打开浏览器,默认是false,

touch run.dev.logchmod u+w run.dev.log 记录日志文件 nohup npm run dev > run.dev.log 2>run.dev.log & exit 一定要控制台执行exit 不记录日志 nohup npm run dev >/dev/null 2>&1 & exit 结束持久npm run dev 查看端口号8080 杀死进程 kill -9 9071

目前代码所处位置是micro分支,该分支是从dev分支直接拉下来进行npm run dev的,而dev分支是可以正常运行的,网上的诸多解释是babel转义时候报错,其实对比可见,两个分支不同的地方应该是node_moduels依赖,所以解决方案就是:将micro分支的依赖删除重新install. 然而事实并非想象的那么简单,昨天进行了node_modules的删除重新install后,问题仍然没有解决,后来在本地重新建立了新的文件夹,git clone远程仓库代码,进行install依赖之后,开

webpack npm run dev 不能通过ip访问 只能通过localhost访问 解决方法如下: 修改vue-cli: config/index.js 文件 把文件中 host 的值,改成 ip 即可

在config/index.js找到dev:{}里面的autoOpenBrowser: 设置为true,重新npm run dev一次就自动弹出浏览器页面啦!

改问题是"babel-eslint"版本更新问题导致的: 给大家一个最简单粗暴的解决方案: 在项目里找到对应的工程:直接删除里面的node_modules文件夹,然后重新npm install下就可以了: node_modules文件内容较多,建议用cnpm install,会更快一点. 重新install后能正常跑起来了.   tips: 当清node_modules 出现某一些包错误时候,查不到原因时候,可以先清除缓存试试. rm -rf node_modules npm cach