下载安装并配置VSCode 随便百度上搜个最新的VSCode安装好后,点击Ctrl + Shit + X打开插件扩展窗口进行插件扩展,这里要安装两个插件. 1.vetur插件的安装 该插件是vue文件基本语法的高亮插件,在插件窗口中输入vetur点击安装插件就行,装好后点击文件->首选项->设置 打开设置界面,在设置界面右侧添加配置 "emmet.syntaxProfiles": { "vue-html": "html", "

写于20190819 前面是自己解决的思路,后面是解决方法以及需要记住的一些更改 package.json 之前只知道vue项目是基于node.js,对node.js了解不是很深入,项目的开始文件是package.json.文件中主要观察如下代码: "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", &qu

1.Win+R  打开运行 ,输入cmd 打开命令行窗口 . 2.假设要查询端口被占用情况,在命令行下输入:netstat  -aon|findstr  "8883" 3.得到进程号 2996,继续输入命令: tasklist|findstr  "6296" 4.得到进程映像名称  Chrome.exe 5.Ctrl + Alt + delete 打开任务管理器,找到 名为 Chrome.EXE的进程,右键,结束该进程. 6.这样端口被占用的问题就解决了.

我这里是 koa2 项目 1.项目目录 serverConf.js 这里面配置端口 代码如下: const ServerConf= { ServicePort: 3036 }; module.exports=ServerConf; app.js 中引入并设置端口 // 设置端口号 var ServerConf=require("./config/serverConf"); process.env.PORT=ServerConf.ServicePort; //设置端口号,不要占用了.

{ "editor.tabSize": 2, "files.associations": { "*.vue": "vue" }, "eslint.autoFixOnSave": true, "eslint.options": { "extensions": [ ".js", ".vue" ] }, "eslint.va

今天在启动一个Vue项目的时候,遇到了一个问题. 得知是Vue项目端口号占用的问题.   解决方法: 换一个端口号. 在调用  npm run dev 的时候,实际上是在调用根目录下的 package.json,打开这个文件之后发现: "scripts": { "dev": "node build/dev-server.js", "build": "node build/build.js", "l

OS: Windows 10 Home 64bit Chocolatey version: 0.10.13 npm version: 6.4.1 yarn version: 1.16.0 git version: 2.21.0.windows.1 1. 安装Chocolatey 管理员权限打开PowerShell,Copy-Paste-Enter以下文本. @"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -N

1. 安装Vetur 扩展 主要是用于让vscode能识别vue文件,对vue代码进行高丽处理,并且它内置了一些代码格式化的设置 2. 安装ESLint 如果你的项目已经开启了eslint规范, 再有多余的空格,或者空行,会有红色波浪线提示. 但是光有提示还不够,还希望在ctrl + s保存的时候自动帮我们处理这些小问题.其实那些js规范,大部分人错得多的地方无非就是个空格与空行的问题 文件 -> 首选项 -> 设置 将以下配置填入 worksapce settings { "edi

vscode vue 格式化 最近重新搞了下电脑,重装了 vscode 软件,在用 vue 写项目的时候,照例开启了 ESLint 语法检查,但是发现在使用 vscode 格式化快捷键的时候(shift+alt+F)各种报错,单双引号,函数空格各种问题.因为 vscode 它自身的那个格式化插件是不匹配 ESLint 的.后来查阅了一些文档,解决问题如下: 一.安装 Vetur 在 vscode 软件商店里搜索插件 Vetur 现在的版本应该是 0.24.0 ![](https://img202

作者:vivo 互联网大前端团队- Youchen 一.背景 现在大型的 Vue项目基本上都是多人协作开发,并且随着版本的迭代,Vue 项目中的组件数也会越来越多,如果此时让你负责不熟悉的页面功能开发,甚至你才刚刚加入这个项目,那么怎么样才能快速找到相关组件在整个项目代码中的文件位置呢?想必大家都有采取过以下这几种方法: [搜类名],在工程文件里搜索页面 DOM元素中的样式类名 [找路由],根据页面链接找到Vue路由匹配的页面组件 [找人],找到当初负责开发该页面的人询问对应的代码路径 以上几种

一.不写端口. 这个问题都被问烂了,因为TOMCAT默认的访问端口为8080,而TCP/IP协议默认80端口访问,大家之所以看到别的网站都不写端口号是因为人家用的的80端口访问的,而80端口因为的TCP/IP的默认端口所以就不用写出来了.大家如果想改的话可以在tomcat安装目录中的conf文件中的server.xml文件中的 <Connector connectionTimeout="20000" port="80" protocol="HTTP/

方法一: 在一个项目结束的时候,往往根据需要直接映射到一个IP地址上.此时就需要去除端口和项目名了,在访问的时候.下面根据具体的例子提供一种实现方法. 一.去掉项目名称 把<Context docBase="D:\apache-tomcat-6.0.20\webapps\TCS(项目所在路径)" path="" /> 加到D:\apache-tomcat-6.0.20\conf\server.xml文件的<Host></Host>

Tomcat去除项目名称和端口号 1. 去除端口号 将端口设为80: <Connector port="80" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" URIEncoding="GBK"/> 2. 去除项目名称 项目默认部署在webapps目录下,将项目拷出,放在与webapps同级的目录下,配置如下: 

vue端口占用问题 1. vue init webpack-simple#1.0 vue-webpack-simple-demo 2. cd vue-webpack-simple-demo 3. cnpm install 4.npm run dev 个人觉得用webpack-simple就可以了,也不那么麻烦 如何执行后提示端口号占用 打开package.json文件,修改第七行改个端口号就行了 执行 npm run dev 然后浏览器打开http://localhost:8087

在vscode上搭建一个vue项目---初学总结. 1.假设Vscode.nodejs等已经安装好了. 2.全局安装vue-cli,vue-cli可以帮助我们快速构建Vue项目. 安装命令: npm install -g vue-cli 打开VScode的终端,调出命令输入框.点击终端-新建终端,输入上述命令,回车,等待安装完成. 3.安装webpack,它是打包js的工具 安装命令: npm install -g webpack 安装方法同上. 4.安装完成之后就可以开始创建vue项目,首先创

问题描述 使用vscode开发vue项目的时候,从远端拉下一个新的项目后,安装完依赖后跑起项目时,发现直接报了一堆语法错误:包括换行.空格.单双引号.分号等各种格式问题 因为我的 vscode 安装使用 vetur 插件,它默认使用的是 prettier 来格式化代码,从而在拉下代码时,直接格式化了我的代码 分析 这时首先想到的处理办法,是把 webpack 中 eslint 的相关配置关闭,这时,随然报错不见了,但问题并没有解决 这个项目是多人开发,如果我不设置 eslint 检测,那么对其它

原文:http://www.cnblogs.com/kismetv/p/7228274.html#title3-1 现在以部署两个项目为例: 第一步:修改tomcat下的server.xml文件 配置service 节点,个人认为有几个项目,就相应的配置几个service 节点: 配置了两个端口号:分别为9999和8878 第二步:先依照此配置文件配置,完成后在tomcat根目录下复制文件夹webapps,粘贴重命名为webapps1,webapps2,如下图:此文件夹就是分别用来部署项目的.

VSCode配置简单的vue项目 https://www.cnblogs.com/wnxyz8023/p/9989447.html 由于最近要使用的项目框架为前后端分离的,采用的是vue.js+webAPI的形式进行开发的.因为之前我没有接触过vue.js,也只是通过视频文档做了一些简单的练习.今天技术主管说让大家熟悉下VSCode开发vue,所以自己摸索了好久,才算是把简单的项目配置成功了.后续还得自己多了解这方面的知识.想着怕时间长了自己会忘记,所以写下来也供有需要的人一起学习. 一.配置环

一个tomcat部署多个项目并通过不同的端口访问 第一步:修改 $TOMCAT_HOME\conf\server.xml文件. 复制Service节点,去掉<Connector port="8009"...这个节点 新增Service节点的name属性依次修改为Catalina1.Catalina2…… 新增Service节点的Connector节点port属性依次修改为8001.8002……(根据机器配置未占用端口,这里按顺序为方便) 新增Service节点的Host节点app

由于最近要使用的项目框架为前后端分离的,采用的是vue.js+webAPI的形式进行开发的.因为之前我没有接触过vue.js,也只是通过视频文档做了一些简单的练习.今天技术主管说让大家熟悉下VSCode开发vue,所以自己摸索了好久,才算是把简单的项目配置成功了.后续还得自己多了解这方面的知识.想着怕时间长了自己会忘记,所以写下来也供有需要的人一起学习. 一.配置环境 1.1 下载VSCode,官网直接下载就行. 1.2 汉化VSCode Ctrl+Shift+P 输入 "configure d

  JavaWeb 获取请求网络协议.IP.端口号.项目根路径 CreateTime--2018年6月1日16点32分 Author:Marydon 1.需求 在项目中,需要使用Java向本程序发送request请求,由于项目的发布名称.部署IP和端口不固定, 如何才能动态获取这些信息呢? 2.代码实现 import javax.servlet.http.HttpServletRequest; /** * 获取url请求前缀 * @explain http://localhost:8080/te