使用Webstorm快速启动Vue项目配置

简介: 使用Webstorm快速启动Vue项目配置

说一说关于Webstorm的具体操作的问题,这些对于大多数的人来说是一件很简单的事情,但是对于入门小白来说却能卡一下,不要问我是怎么知道的,因为我也是从只懂电脑上shift键是用来切换中英文功能的纯小白一路走过来的。

1:打开一个新的项目,打开file

2:选择在现有的编辑器里面打开还是新开一个窗口

3:在Webstorm启动项目可以选择在终端输入命令

npm run dev

Webstorm调用终端有两种方法:

Webstorm调用终端可以使用快捷键:Alt+F12,

或者在View菜单手动调用。

4:但是每次都打开命令窗口比较麻烦,可以在webstorm内进行配置,从webstorm内启动,这样更加的方便,那么怎么样在Webstorm快速启动Vue项目配置?

Webstorm快速启动Vue项目配置

1:点击右上角,添加npm配置。

2:点击加号,选择npm

3:命名并且填写运行命令。

4:可以看到控制台出现运行

5:点击绿色按钮

可以看到启动了端口

6:在弹出的默认的浏览器里面

可以看到项目

下次再打开的时候,直接点击右上角的绿色启动按钮即可。

相关文章
|
6天前
|
JSON 数据可视化 数据库
vue3+threejs+koa可视化项目——实现登录注册(第三步)
vue3+threejs+koa可视化项目——实现登录注册(第三步)
46 5
|
4天前
Vue3+Vite+Pinia+Naive后台管理系统搭建之一:基础项目构建
Vue3+Vite+Pinia+Naive后台管理系统搭建之一:基础项目构建
9 1
|
5天前
|
监控 JavaScript 前端开发
Vue 项目性能优化指南:提升应用速度与效率
Vue 项目性能优化指南:提升应用速度与效率
|
5天前
|
JavaScript Go
VUE3+vite项目中动态引入组件和异步组件
VUE3+vite项目中动态引入组件和异步组件
|
6天前
|
Web App开发 编解码 JavaScript
【Vue篇】Vue 项目下载、介绍(详细版)
【Vue篇】Vue 项目下载、介绍(详细版)
10 3
|
6天前
|
资源调度 JavaScript 前端开发
vue 项目运行过程中出现错误的问题解决
vue 项目运行过程中出现错误的问题解决
15 1
|
6天前
|
JavaScript
vue项目切换页面白屏的解决方案
vue项目切换页面白屏的解决方案
12 0
|
6天前
|
XML JavaScript 前端开发
Vue3 项目中怎么使用 jsx——易懂
Vue3 项目中怎么使用 jsx——易懂
8 0
|
6天前
|
缓存 JavaScript API
一些常见的Vue项目性能优化策略
【5月更文挑战第8天】Vue项目性能优化包括代码分割、懒加载以减少初次加载时间;利用计算属性和侦听器处理复杂逻辑;优化v-for,使用key属性;减少DOM操作;借助Vue Devtools分析性能;图片优化如使用WebP格式和懒加载;异步加载组件;精简第三方库和插件;考虑服务端渲染或预渲染;以及优化网络请求,如合并请求和利用缓存。实际应用中,需根据项目需求选择合适策略。
18 2
|
6天前
|
JSON 数据可视化 前端开发
vue3+threejs+koa可视化项目——模型文件上传(第四步)
vue3+threejs+koa可视化项目——模型文件上传(第四步)
22 7