【1】Cannot save files

主要会有两种异常:

  • 生成​​_jb_old_ _jb_tmp_​​文件
  • 目标拒绝访问

解决方案

以管理员身份运行webstorm然后进行如下设置:
WebStrom使用实践配置总结_git


【2】webstorm创建vue项目

先安装基本环境,参考博文:Vue初学之使用npm搭建Vue环境

① 安装git

参考博文:git安装详解

webstorm配置git:
WebStrom使用实践配置总结_webstorm_02

② 创建vue项目

WebStrom使用实践配置总结_tomcat_03

③ 使用webstorm创建vue项目时vuecli不执行,提示git不是内部或外部命令

这是安装git的时候,如下图所示默认选择了第一个:
WebStrom使用实践配置总结_tomcat_04
两种解决方案:

  • 重装git,选择第二或者第三;
  • 修改环境变量,添加bin路径和git-core路径

WebStrom使用实践配置总结_git_05


【3】webstorm打包部署项目到Tomcat

你可以直接放到NGINX进行反向代理,这里以Tomcat示例。

① 修改webpack.prod.conf.js

如下所示,添加publicPath:
WebStrom使用实践配置总结_webstorm_06

② 打包项目

package.json上右键-Show npm Scripts,或者直接点击左侧npm栏。
WebStrom使用实践配置总结_webstorm_07

如下图所示,双击build:
WebStrom使用实践配置总结_解决方案_08
或者终端执行命令:​​​npm run build​

WebStrom使用实践配置总结_git_09

打包后的项目在dist文件夹下:
WebStrom使用实践配置总结_解决方案_10
拷贝该文件夹-重命名为vuedemo-扔到Tomcat的webapps/下:
WebStrom使用实践配置总结_解决方案_11
启动Tomcat,访问​​​http://localhost:8080/vuedemo/​​​:
WebStrom使用实践配置总结_git_12