vscode构建vue开发环境

已于 2022-04-13 23:09:03 修改
阅读量792 收藏 1
点赞数
文章标签： vscode vue
于 2022-04-12 23:14:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35545811/article/details/116274423
版权

  1. 前段代码构建在这里插入图片描述

  2. vscode运行上述命令是报错，需修改执行策略

  3. 在 powershell 管理员身份运行set-ExecutionPolicy RemoteSigned即可问题处理
    在这里插入图片描述
    然后再次初始化项目既可
    初始化项目时出现乱码，此时需要修改vscode终端编码格式
    chcp 值为936代表GBK2312
    终端输入chcp 65001 修改为UTF-8即可

构建成功
执行命令启动项目
cd exampro
npm run dev

在这里插入图片描述
添加element-ui插件
npm i element-ui -S

在这里插入代码片
  1. 发布redis服务
暴躁的猿
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用VSCode搭建Vue 3开发环境
宋志辉的博客
03-28 1349
通过上述步骤，您现在应该已经成功配置了Vue 3的开发环境。VSCode与这些插件结合，将为您的Vue 3开发提供强大的支持。接下来，您可以开始创建Vue 3项目，并在VSCode中愉快地编码了！
VS Code上搭建Vue开发环境
interest_ing_的博客
07-13 1万+
介绍：VS Code上搭建Vue开发环境——超简单你女朋友都可以看得懂的教程，Vue是指一个用于创建用户界面的渐进式框架，旨在更好地组织与简化Web开发；vue也可指iOS和Android平台上的一款视频拍摄和美化工具app，是一个手机端的视频拍摄及编辑工具以及原创Vlog短视频平台，允许用户通过简单的操作实现Vlog的拍摄、剪辑、细调、和发布，记录与分享生活。注：这里可能遇到问题，PowerShell用于控制加载配置文件和运行脚本的条件，为了防止恶意脚本的执行，可能遇到无法运行脚本的问题；
VS Code上搭建Vue开发环境超详细教程
weixin_49136054的博客
03-17 1万+
这篇关于在Visual Studio Code上搭建vue开发环境的超详细教程手把手教会你!首先在Visual Studio Code上搭建vue开发环境有几个步骤：1、下载安装node.js2、3、4、安装vue/cli脚手架5、创建vue项目6、运行vue项目。
VSCode中配置Vue开发环境
最新发布
lbf198303的博客
06-17 945
【代码】VSCode中配置Vue开发环境。
使用VSCode配置简单的vue项目
baiyongliang
08-21 1053
由于最近要使用的项目框架为前后端分离的，采用的是vue.js+webAPI的形式进行开发的。因为之前我没有接触过vue.js，也只是通过视频文档做了一些简单的练习。今天技术主管说让大家熟悉下VSCode开发vue，所以自己摸索了好久，才算是把简单的项目配置成功了。后续还得自己多了解这方面的知识。想着怕时间长了自己会忘记，所以写下来也供有需要的人一起学习。 一.配置环境 1.1下载VSCode,官网直接下载就行。https://code.visualstudio.com/Download 1.2汉化..
用VScode运行Vue项目详细全过程（node.js环境的配置）
D_gloria的博客
07-13 5万+
在用VScode运行Vue项目前，我们需要先配置node.js环境，就类似于使用eclipse前需要配置Java环境的这个过程。 一、安装node.js并配置环境变量 1、安装 从官网下载安装包，解压到指定位置，就相当于安装完成了。然后在解压后的目录下新建node_global和node_cache这两个文件夹。 node_global：npm全局安装位置 node_cache：npm缓存路径 2、配置环境变量 ......
VSCode的Vue工具
08-08
总的来说，VSCode为Vue.js开发者提供了一站式的开发环境，集成了语法高亮、代码片段、Emmet、错误检查、代码格式化、自动完成和调试等多种功能，使得Vue.js的开发更为高效和愉快。通过安装和配置如Vetur这样的插件，...
vue学习02-vscode配置vue环境
04-02
至此，你的Vue开发环境已经在VSCode中配置完成，可以开始编写Vue应用了。记得，Vue.js的核心理念是组件化，你可以通过创建组件来构建复杂的UI。此外，Vue CLI生成的项目还包括热重载、错误检测等功能，有助于提升...
vscode-vueuse:触手可及的VueUse文档
04-06
通过安装这个扩展，你可以直接在编辑器中获取 VueUse 函数的实时文档，无需离开当前工作环境，极大地提高了开发效率。 预览模式意味着这个扩展还在开发阶段，可能包含未完善的功能或存在一些已知问题，但开发者可以...
vscode 插件开发 + vue的操作方法
10-15
在开发VSCode插件时，有时我们希望将Vue应用程序集成其中，为用户提供更丰富的交互体验。下面我们将详细探讨如何在VSCode插件开发中结合Vue进行操作。 首先，我们需要一个已经开发好的Vue项目。确保你的Vue项目配置...
Vue开发工具包 Vscode nodejs
09-06
综上所述，Vue开发工具包在VSCode和Node.js环境下，能够提供全面的开发支持，包括语法高亮、代码补全、调试、测试、版本控制、构建优化等多个环节，极大地提高了开发Vue项目的效率和体验。通过安装和配置合适的...
VScode搭建Vue环境（2）
guojiyourenwdf的博客
06-25 492
在上一篇文章中我们下载安装并配置好了。并可以在全局环境中下载其他包。接下来我们进行配置。
Vue3安装配置、开发环境搭建(组件安装卸载)（图文详细）
逆境清醒的博客
03-19 6万+
Vue3安装配置、开发环境搭建（图文详细），一、vue的主要安装方式，二、node.js安装和配置，三、npm 安装vue 和脚手架、webpack模板，四、打开Vue 项目管理器，五、创建运行 vue 3 项目，六、使用TypeScript进行开发 Vue3 的代码，七、vue及组件的卸载，八、vue项目结构，九、Vue 安装过程中遇到的问题记录
Vue环境搭建+VSCode
weixin_44346687的博客
05-11 456
#mermaid-svg-1aW648qOiiuoDFq1 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-1aW648qOiiuoDFq1 .label text{fill:#333}#mermaid-svg-1aW648qOiiuoDFq1 .node rect,#mermaid-svg-1aW648qOii
vscode配置vue框架环境
qq_43645067的博客
02-27 1269
3、配置node环境，在node安装目录下创建node_global和node_cache文件和mode_modules文件层级一致，在cmd中输入一下命令不报错说明成功。用户变量中，path中添加node_global和node_cache(node缓存文件夹)两个文件的路径。即可查看安装的node版本，如果按照上述安装步骤不显示node版本，则重新打开vdcode即可。4、建立新的文件夹，vscode打开文件夹，在终端检查noed.js是否配置成功 输入。，可以安装cnpm，接着可以。
mac的vscode配置vue项目环境
叮当的猫猫的博客
07-26 5028
搭建vue项目
Vue环境搭建+VSCode+Win10
热门推荐
junshangshui的专栏
05-19 7万+
一、安装Node.js（js的运行环境） 1.在Node.js官网https://nodejs.org/en/download/下载安装包。 2.下载后进行安装。 3.打开命令行，输入node -v可以查看到版本号。输入npm –v可看到npm版本号。 新版的Node.js已自带npm（类似.net中的nuget包管理器），安装Node.js时会一起安装。（将来要更新npm可用这个命令npm i...
Vue项目的搭建和启动
qq15035899256的博客
05-14 4363
本文是对Vue的学习，首先进行环境的准备(安装配置node.js)，再进行Vue项目的搭建和启动，最后介绍了Vue的项目结构和VSCode的使用。之后的学习内容将持续更新！！！
在VScode搭建Vue环境
jiey0407的博客
06-21 429
目录参考文章0、下载vscode1、下载nodejs2、nodejs环境配置(3条消息) 2020-11-20_happyinsource的博客-CSDN博客(5条消息) VSCode安装教程（超详细）_牛哄哄的柯南的博客-CSDN博客_vscode安装教程下载 | Node.js 中文网安装教程(3条消息) node.js安装及环境配置超详细教程【Windows系统安装包方式】_明金同学的博客-CSDN博客_nodejs安装及环境配置安装完成后在dos窗口可以输入node -v查看是否安装成功如果没有输出
vscode配置vue开发环境
05-12
要在VSCode中配置Vue开发环境，您需要安装以下软件和插件： 1. Node.js和npm：这些是Vue的依赖项，您需要安装它们才能开始开发。 2. Vue CLI：这是Vue的命令行界面，它提供了一些有用的工具来快速构建Vue应用程序...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值