网站开发：使用VScode安装yarn包和运行前端项目

已于 2024-07-15 15:23:57 修改
阅读量85 收藏
点赞数
文章标签： vscode 前端 ide
于 2024-07-15 15:23:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67412019/article/details/140439976
版权

一、首先打开PowerShell-管理员身份运行ISE

输入命令：

set-ExecutionPolicy RemoteSigned

选择“全是”，表示允许在本地计算机上运行由本地用户创建的脚本，没有报错就行了

二、接着打开VScode集成终端

输入

npm install -g yarn

再次输入以下命令，无报错说明yarn安装成功

yarn --version

三、在工作目录中启动前端项目 

yarn run serve

我是苏苏
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
新手安装VSCode+Vue项目运行手册（适合新手）
12-16
1. **启动服务器**: 进入项目根目录，运行`npm run serve`或`yarn serve`（取决于你的包管理器），这将启动一个热重载的开发服务器。 2. **查看效果**: 打开浏览器，输入提示的URL（通常是`http://localhost:8080`...
前端的安装包vscode压缩包
04-20
- **打开项目**: 使用VSCode打开前端项目目录，编辑器会自动识别项目结构和文件类型。 - **代码导航**: 利用代码跳转、查找定义等功能快速浏览代码。 - ** Emmet 插件**: 对于HTML和CSS编写，Emmet提供快速编写...
vue开发的需要软件，包含vscode,nodejs
01-19
2. **包管理器npm/yarn**：Node.js自带npm（Node Package Manager），或可以选择使用yarn，它们用于管理和安装Vue项目依赖。Vue的开发和构建依赖于这些第三方库，如axios、vuex、vue-router等。 3. **构建工具**：...
vscode新建一个最简单的vue项目
09-27
在本文中，我们将深入探讨如何使用Visual Studio Code（VSCode）创建一个最简单的Vue.js项目。Vue.js是一款轻量级的前端JavaScript框架，以其易学易用和强大的功能深受开发者喜爱。VSCode作为一款功能丰富的代码编辑...
用vscode开发vue应用的方法步骤
10-17
【使用VSCode开发Vue应用的详细步骤】 在前端开发领域，Visual Studio Code（VSCode）已成为Vue.js应用开发的首选工具。为了确保代码规范和整洁，遵循一定的开发流程至关重要。以下是一个详细的步骤指南，帮助你从...
在VSCode上创建Vue项目详细教程
明静致远
07-12 673
搭建Vue项目使用的是Vue-cli 脚手架。前期环境需要准备就像Java开发要依赖JDK环境一样。
vscode远程调试python代码
qq_33382118的博客
07-11 241
选择debug config时选择remote attach就行，随后会让我们选择debug server的地址，因为我们是在本地debug，所以全都保持默认直接回车就可以了，也就是我们的server地址为localhost:5678。vscode也支持通过remote的方法连接我们在命令行中发起的debug server。首先我们要配置一下debug的config。还是点击VSCode侧边栏的“Run and Debug”（运行和调试)，单击"create a lauch.json file"
vscode编译环境配置-golang
yueyingshaqiu01的博客
07-11 228
如果单测函数上方不显示run test | debug test，需要安装Code Debugger（因为以前的go Test Explorer不再被维护了）
vscode连接unbuntu失败，显示Downloading vs code server...
浩栋的博客
07-10 339
vscode连接unbuntu失败，右下角显示：Downloading vs code server...且当再次输入密码时，仍然出现：Downloading vs code server...重复多次，无法解决。
Visual Studio Code 教程 VsCode安装Live Server以服务形式打开html
余十步的博客
07-08 312
选一个html文件，右键点击。,然后就自动弹出来了。
vscode使用记录
weixin_45536181的博客
07-10 291
例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。
【VSCode】设置背景图片
DX390609的博客
07-11 432
6.切换主题颜色：设置→颜色主题→通过上下键选择自己喜欢的主题颜色。4.将原代码注释后，加入以下代码。5.保存后重启 VSCode 即可。
VSCode中多行文本的快速前后缩进
点点滴滴
07-11 370
VSCode提供了一组快捷键，用于快速调整选中文本行的缩进。
VSCode 远程反复输入密码不能链接问题解决
Vulpes corsac
07-12 372
通过 vscode 远程连接服务器时出现了连接不上，而且一直要循环输入密码的问题，可能是因为上次异常退出导致。主要解决思路是删除当前 vscode 远端服务后，重新建立连接。
Windows系统上使用npm来安装和配置Yarn，在VSCode中使用
懒人w的博客
07-11 488
你可以在VSCode中配置任务来运行Yarn命令。创建或编辑项目根目录下的。下载并安装最新版本的Node.js，npm会随Node.js一起安装。你可以在VSCode的集成终端中运行Yarn命令。文件中定义脚本，并在VSCode的集成终端中运行。如果还没有安装Node.js和npm，可以从。根据提示填写项目的相关信息，完成后会生成一个。在这个配置文件中，你可以通过按下。快捷键来运行配置的任务。创建或编辑项目根目录下的。这会在启动调试前自动运行。
PyCharm\VsCode——Python第三方库下载换源
absths的博客
07-10 562
利用shell终端命令将官方默认镜像源替换成国内镜像源，以提高python第三方库拉取和下载的速度
解决vscode项目中无法识别宏定义的问题
最新发布
qq_20163075的博客
07-13 241
在c_cpp_properties.json中的"defines":[]中定义的宏无法被识别。 从而导致代码中的宏开关无法生效，造成代码的阅读不便利。 排查路线是： 关闭所有插件，删除当前工程目录下的.vscode文件夹。 经过一系列排查发现是C/C++插件与clangd插件有冲突， 解决方法很简单， 卸载clangd插件，然后重启vscode。 如果发现还是无法识别，可以尝试删除C/C++插...
【精简教程】VSCode 连接 Remix
奇异果的博客
07-11 272
😄 连接上了，在网页端添加一个文件后，在 VSCode 可见。使用 Node.js 来直接执行 remixd.js 文件。⚠️ 此时如果直接敲 remix，显示找不到这个命令。初始化 Node.js 项目。
OpenSNN推文：近期优质博客推荐汇总
opensnn的博客
07-12 307
国内个人博客站点众多，涵盖了技术、生活、艺术等多个领域。
VsCode安装yarn
03-14
在VS Code中安装yarn可以通过以下步骤进行： 1. 首先，确保你已经在计算机上安装了Node.js。你可以在Node.js官方网站上下载并安装最新版本的Node.js。 2. 打开VS Code，并在左侧的侧边栏中点击扩展按钮（或按下Ctrl+Shift+X）。 3. 在搜索框中输入"yarn"，然后选择"Yarn"扩展并点击安装按钮。 4. 安装完成后，你可以在VS Code的底部状态栏中看到一个Yarn图标。点击该图标可以打开Yarn终端。 5. 在Yarn终端中，你可以执行各种yarn命令，例如安装依赖包、运行脚本等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值