WebStrom使用实践配置总结

【1】Cannot save files

主要会有两种异常:

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

解决方案

以管理员身份运行webstorm然后进行如下设置:
在这里插入图片描述


【2】webstorm创建vue项目

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

① 安装git

参考博文:git安装详解

webstorm配置git:
在这里插入图片描述

② 创建vue项目

在这里插入图片描述

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

这是安装git的时候,如下图所示默认选择了第一个:
在这里插入图片描述
两种解决方案:

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

在这里插入图片描述


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

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

① 修改webpack.prod.conf.js

如下所示,添加publicPath:
在这里插入图片描述

② 打包项目

package.json上右键-Show npm Scripts,或者直接点击左侧npm栏。
在这里插入图片描述

如下图所示,双击build:
在这里插入图片描述
或者终端执行命令:npm run build

在这里插入图片描述

打包后的项目在dist文件夹下:
在这里插入图片描述
拷贝该文件夹-重命名为vuedemo-扔到Tomcat的webapps/下:
在这里插入图片描述
启动Tomcat,访问http://localhost:8080/vuedemo/
在这里插入图片描述

发布了719 篇原创文章 · 获赞 525 · 访问量 182万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 深蓝海洋 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览