WebStrom使用实践配置总结

简介: WebStrom使用实践配置总结

【1】Cannot save files

主要会有两种异常:

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


解决方案

以管理员身份运行webstorm然后进行如下设置:

【2】webstorm创建vue项目

先安装基本环境


① 安装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/

目录
相关文章
|
9月前
|
监控 网络协议 Java
|
9月前
|
C++
BaGet服务之基础搭建(上)
BaGet服务之基础搭建
244 0
|
6月前
|
存储 安全 Linux
linuxnfs服务安装与配置实践
linuxnfs服务安装与配置实践
96 1
|
9月前
|
资源调度 前端开发 编译器
Stenciljs 学习之搭建项目
Stencil 是一个生成 Web Components(更确切地说,是自定义元素)的编译器。Stencil 将最流行的框架的最佳概念结合到一个简单的构建时工具中。 学习一个框架肯定是重创建项目开始啦!现在就让我们一起学习一下怎么创建项目吧。
61 0
|
9月前
|
存储 数据库 C++
BaGet服务之基础搭建(下)
BaGet服务之基础搭建(下)
308 0
|
9月前
|
运维 Linux 网络安全
【运维知识进阶篇】手把手教你搭建OpenVPN(保姆级教程)(二)
【运维知识进阶篇】手把手教你搭建OpenVPN(保姆级教程)(二)
2977 0
|
9月前
|
运维 安全 Linux
【运维知识进阶篇】手把手教你搭建OpenVPN(保姆级教程)(一)
【运维知识进阶篇】手把手教你搭建OpenVPN(保姆级教程)
5069 0
|
JSON JavaScript 前端开发
【手把手】JavaWeb 入门级项目实战 -- 文章发布系统 (第三节)
【手把手】JavaWeb 入门级项目实战 -- 文章发布系统 (第三节)
|
弹性计算 运维 监控
【最佳实践】《微服务架构日志采集运维管理》手把手实操步骤与常见问题
根据阿里云《微服务架构日志采集运维管理》最佳实践文档实践步骤复现应用搭建的过程,同时总结归纳部分在应用搭载过程中遇见的问题与解决方案。
|
弹性计算 开发者
我的云上实践初体验
文章讲述了我的第一次云上实践的经历,通过开发者社区的教程学习如何搭建云上简历。新人难免会有碰壁的时候,但是最终我还是成功地完成了作业并且获得了人生的启发。
我的云上实践初体验