使用vscode，打开控制台运行vue项目

最新推荐文章于 2024-06-23 13:03:13 发布
最新推荐文章于 2024-06-23 13:03:13 发布
阅读量4k 收藏 3
点赞数
分类专栏： 软件安装与环境配置
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45270484/article/details/103301788
版权

快捷键ctrl + ~打开控制台

输入vue

更改设置使其脚本可以在vscode控制台运行

输入powershell右键以管理员身份运行（win10系统）

输入set-ExecutionPolicy RemoteSigned

输入y，再回到vscode控制台输入vue发现可以运行了

 

菜菜本菜
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vscode-vue-cli-ui:在vscode上打开Vus CLI UI（实验性）
05-14
vscode-vue-ui自述文件 此扩展程序尚未发布。 这是扩展名“ vscode-vue-ui”的自述文件。 写下简短描述后，我们建议包括以下各节。 特征 描述扩展程序的特定功能，包括扩展程序的屏幕截图。 图像路径是相对于此README文件的。 例如，如果扩展项目工作空间下有一个图像子文件夹： ！[功能X]（images / feature-x.png） 提示：许多流行的扩展程序都使用动画。 这是炫耀您的扩展程序的绝佳方法！ 我们建议您使用简短，重点突出的动画，以便于后续操作。 要求 如果您有任何要求或依赖性，请添加一个部分来描述这些要求或依赖性以及如何安装和配置它们。 扩展设置 如果您的扩展程序通过contributes.configuration扩展点添加了任何VS Code设置，则包括在内。 例如： 此扩展程序提供以下设置： myExtension.enable ：
vscode新建一个最简单的vue项目
09-27
在本文中，我们将深入探讨如何使用Visual Studio Code（VSCode）创建一个最简单的Vue.js项目。Vue.js是一款轻量级的前端JavaScript框架，以其易学易用和强大的功能深受开发者喜爱。VSCode作为一款功能丰富的代码编辑...
用visual studio code打开vue项目，右键“在集成终端中打开”，“终端”页签一直显示“PS C:\＞ ”，无法定位到项目当前位置。
君临天下tjm的博客
12-26 2588
vscode打开vue项目，右键“在集成终端中打开“，总是显示错误位置PS C:\>
vscode下无法识别node、npm的问题
最新发布
ZYM
06-23 744
—>高级——>勾选以管理员身份运行——>确定，再次打开VSCode，就可以正常执行node -v / npm-v /npm run dev等等命令了。2.已经全局安装了，不想卸了再安装的话，可以以管理员身份运行VSCode。（具体操作：右击VSCode——>属性——>node : 无法将“node”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。因为node是在cmd安装的，是全局安装的，并不是在这个项目里安装的。1.在vscode的控制台，针对一个项目安装特定版本的node；
VS Code调出控制台
weixin_54695295的博客
09-09 675
VS Code调出控制台
解决vscode快捷键快速定位到当前目录并打开控制台终端操作
weixin_48262798的博客
06-19 2491
vscode快捷键快速打开终端到当前目录打开的文件位置
VSCode打开已有vuejs项目
热门推荐
Yoryky的专栏
10-19 5万+
今天公司培训使用VSCode来编写vuejs项目，拿了一个范例来展示，讲的比较快，没怎么听清楚。于是下来自己动手配置一下。下载安装并配置VSCode随便百度上搜个最新的VSCode安装好后，点击Ctrl + Shit + X打开插件扩展窗口进行插件扩展，这里要安装两个插件。1、vetur插件的安装该插件是vue文件基本语法的高亮插件，在插件窗口中输入vetur点击安装插件就行，装好后点击文件->首选
VSCode开发vue常用插件（补充快速console插件）（补充小程序插件、历史代码找回）
zuyingan3447的博客
04-30 1648
Auto Close Tag —— 自动闭合HTML/XML标签 Auto Rename Tag —— 自动完成另一侧标签的同步修改 Beautify——格式化代码，支持自定义格式化代码规则 Bracket Pair Colorizer——给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色 Chinese (Simplified) Lang...
详解VSCode配置启动Vue项目
10-17
在现代Web开发中，Visual Studio Code (VSCode) 和 Vue.js 是两个不可或缺的工具。本文将详细介绍如何在VSCode中配置启动Vue项目，以便高效地进行Vue应用的开发。 首先，确保你已经下载并安装了最新版本的VSCode。...
vscode 搭建一个vue项目.doc
08-07
四、运行项目 1. 运行命令：`cd myvue`，然后输入命令 `npm run dev` 2. 等待项目启动成功 3. 在浏览器中输入 `http://localhost:8080`，看到以下画面表示成功 五、项目打包发布 1. 运行命令：`npm run build` 2....
vscode 开发Vue项目的方法步骤
12-09
下面将详细介绍如何使用VSCode配置和优化开发环境，以及如何进行Vue项目的断点调试。 首先，你需要下载并安装VSCode。你可以从官方市场Place（https://marketplace.visualstudio.com/VSCode）或直接访问本地地址...
使用IDEA工具配置和运行vue项目及遇到的坑
08-26
在安装完成依赖资源后，我们可以使用npm run dev命令来运行项目。该命令会用热加载的方式运行我们的应用，让我们在修改完代码后不用手动刷新，浏览器就能实时看到修改后的效果。 八、配置IDEA运行 在IDEA中，我们...
在vscode里使用.vue代码模板的方法
08-27
在Visual Studio Code (VSCode) 中使用`.vue`代码模板是一种提高开发效率的方式，特别是对于Vue.js项目。Vue.js是一个流行的前端框架，它的组件化结构使得`.vue`文件成为核心。下面将详细介绍如何在VSCode中设置和...
vscode下vue项目中eslint的使用方法
01-21
在vscode的vue项目中，关于代码检查和格式化，遇到各种各样的问题，比如： 不清楚安装的拓展的功能，导致安装了重复功能的拓展 右键格式化文档的时候，不是按eslint的规则来格式化，导致需要我再次手动调整 保存...
详解如何运行vue项目
10-17
主要介绍了如何运行vue项目，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
VSCode搭建Vue Element Admin的项目环境
04-11
### VSCode搭建Vue Element Admin的项目环境 #### 版本说明 - **Node**: v18.20.2 - **NPM**: 10.5.0 - **Git**: 2.19.1 - **Vue Element Admin**: [官网链接]...
在hbuilder控制台输入命令行。启动一个vue的文件。怎么设置
肖肖肖丽珠的博客
01-09 1万+
1。。。。。 运行——>外部工具——>外部工具 配置   2.。。。。。  主要里面输入要执行的命令或文件：C:\Windows\System32\cmd.exe 工作目录：${selected_resource_loc}基于选中文件夹的绝对路径，   3.。。。。。 在公用里面检查这几项值是否正确   4.。。 选中要执行命令行的文件夹。注意是文件夹...
vscode&webstorm配置格式化日志打印
的博客
11-08 993
编辑器配置，快捷键模板修改
vscode一键生成佛祖保佑永无bug
我们一起学前端
11-26 1349
"LastEditTime": "Do not edit", // 设置后，保存文件更改默认更新最后编辑时间。windows使用“ctrl+shift+p”，选择对应的codeDesign，生成代码图案！注意：对于函数注释，只有再函数上面添加的时候，param字段才会生效，否则不会显示param。"Date": "Do not edit", // 设置后默认设置文件生成时间。"email":"lujing@qq.com"//可自定义任意注释代码段。"Author": "lujing",// 设置后作者。
vscode运行已有vue项目
05-01
VS Code是一款集代码编辑、调试和版本控制于一体的开发工具，支持多种编程语言和框架，包括Vue.js。如果要运行已有的Vue项目，需要按照以下步骤操作： 1. 安装Node.js和Vue CLI Node.js是基于Chrome V8引擎的JavaScript运行环境，可以在本地运行Vue项目。如果电脑没有安装Node.js，则需要先下载安装。 Vue CLI是Vue.js的脚手架工具，可以快速搭建Vue项目的基本结构及开发环境。安装命令如下： npm install -g @vue/cli 2. 打开VS Code 在VS Code中打开已有的Vue项目文件夹。 3. 安装项目依赖 打开终端面板，在项目根目录下运行以下命令： npm install 4. 启动项目 在终端面板中运行以下命令： npm run serve 5. 查看项目 在浏览器中输入http://localhost:8080，即可查看已有的Vue项目。 需要注意的是，如果在项目运行过程中出现错误，可以在VS Code中通过调试工具进行排查。同时，如果需要修改Vue项目中的代码，也可以在VS Code中进行编辑和保存。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值