【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/
: