【1】Cannot save files

主要会有两种异常:

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

解决方案

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


【2】webstorm创建vue项目

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

① 安装git

参考博文:git安装详解

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

② 创建vue项目

WebStrom使用实践配置总结

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

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

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

WebStrom使用实践配置总结


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

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

① 修改webpack.prod.conf.js

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

② 打包项目

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

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

WebStrom使用实践配置总结

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

相关文章:

  • 2021-12-10
  • 2021-11-07
  • 2021-11-19
  • 2021-04-04
  • 2021-05-24
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-11-06
  • 2021-11-11
  • 2021-12-26
  • 2021-12-10
  • 2021-09-21
相关资源
相似解决方案