如何用vscode构建一个简单的框架

如何用vscode构建一个简单的框架

本文以vscode+vue框架搭建为例。

第一步:

安装node.js

安装完成之后打开cmd:node -v 查看版本(npm一体的,可以直接查看),显示下图安装成功

 9267cb80ec9791127d97e39ece01524.png

第二步:

安装淘宝镜像:npm install -g cnpm –registry=https://registry.npm.taobao.org 

 f1bbf08f823a530e9fafd06452dd3db.png

第三步:

安装脚手架:npm install -g @vue/cli

 b6e4373b9613cdefa047628a992fef0.png

 第四步:

创建一个项目:进入自己项目的位置(例:d)

 c3afbb872118400f8d05759c5a5768b.png

创建:vue create hello_vue

fc97cfc25d26b8561536c9100f73838.png

第五步:

安装vscode,打开工具,file—》open folder—》打开项目文件

ctrl+~打开控制台;重新安装依赖:cnpm install 

安装后在项目框架中会出现

916ed5a45392d05da34aed993503c99.png

然后开始运行项目吧!

运行:npm run dev

相关文章教程推荐:vscode教程

以上就是如何用vscode构建一个简单的框架的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2635582.html

(0)
上一篇 2025年3月7日 04:51:04
下一篇 2025年2月26日 08:16:25

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • node.js如何在vscode里调试

    在vscode中,点击那个蜘蛛的按钮 就能看出现debug的侧栏,接下来添加配置 选择环境 就能看到launch.json的文件了。 启动的时候,选择相应的配置,然后点击指向右侧的绿色三角 launch模式与attach模式 当reques…

    2025年3月7日 编程技术
    200
  • vscode运行js文件出现乱码

    错误如图: 解决方法: 如果是中文乱码的话,可以到设置里边把「Auto Guess Encoding」这一项勾起来,如图: (如果不是这个原因,可能是因为没安装 Node.js 和配置 Node.js 环境) 相关文章教程推荐:vscode…

    2025年3月7日
    200
  • 怎么用vscode写nodejs

    怎么用vscode写nodejs? 首先打开VSCode软件,点击打开文件夹,如下图所示 推荐学习:vscode教程 然后新建一个文件夹用来保存node.js文件,如下图所示 接着在文件夹下面新建js文件,如下图所示 然后在JS中输入Nod…

    2025年3月7日 编程技术
    200
  • 如何用vscode启动react项目

    如何用vscode启动react项目 要求: ● 具有nodejs环境、已安装npm ● 已安装vscode 首先使用create-react-app脚手架创建一个项目。 create-react-app demo 登录后复制 接着使用vs…

    2025年3月7日
    200
  • VSCode调试教程(2):逐行步进调试

    在要检查的代码之间导航很重要。如果去遍历代码的每一行,那将会是乏味且没有必要的。调试器提供了便捷的方法来查看重要的内容,并跳出无关紧要的代码块。让我们看看怎样在调试时进入、跳过和退出函数! 在上一篇中,我们研究了 VS Code 调试器,并…

    2025年3月7日 编程技术
    200
  • 比较一下sublime和vscode

    下面由sublime教程栏目给大家比较一下sublime和vscode,希望对需要的朋友有所帮助! 起因,安装eslint自动检查,代码补全,安装了n个插件,也还是报错,另外,原来破解版的sublime,最近一段时间,打开弹出框提示。so,…

    2025年3月7日
    200
  • VSCode工程方面的亮点有哪些?

    Visual Studio Code(VS Code)近年来获得了爆炸式增长,成为广大开发者工具库中的必备神器。它作为一个开源项目,也吸引了无数第三方开发者和终端用户,成为顶尖开源项目之一。它在功能上做到了够用,体验上做到了好用,更在拥有海…

    2025年3月7日 编程技术
    200
  • 来比一比sublime和vscode?

    下面由sublime教程栏目给大家比较sublime和sublime,希望对需要的朋友有所帮助! 起因,安装eslint自动检查,代码补全,安装了n个插件,也还是报错,另外,原来破解版的sublime,最近一段时间,打开弹出框提示。so,在…

    2025年3月7日
    200
  • VSCode中配置TypeScript自动编译

    相关推荐:《vscode教程》 安装TypeScript编译器 Visual Studio Code包含TypeScript语言支持,但不包括TypeScript编译器tsc。您需要在全局或工作区中安装TypeScript编译器,以将Typ…

    2025年3月7日 编程技术
    200
  • 分享vscode中定位node模块的插件:vscode-goto-node-modules

    相关推荐:《vscode教程》、《vscode教程》 在使用 VSCode 开发 Node.js (包括 node 端和前端 Vue/Angle/React) 等开发时,经常与遇到一个很痛苦的事: 依赖一个模块时想大概浏览一下这个模块的源码…

    2025年3月7日
    200

发表回复

登录后才能评论