vscode引入vue_vscode配置vue开发环境

vscode引入vue_vscode配置vue开发环境vs导入vue项目renren-fast-vue使用

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

一、下载nodejs安装包,vscode安装包
https://download.csdn.net/download/plqwf19880902/76648417
二、安装nodejs
https://blog.csdn.net/weixin_42881768/article/details/105028164
三、安装vscode
https://blog.csdn.net/weixin_43883917/article/details/113867914
四、导入项目
4.1
在这里插入图片描述
4.2选择项目的文件夹
在这里插入图片描述
在这里插入图片描述
4.3导入完毕后
在这里插入图片描述
5.保存工作区

保存工作区:

在这里插入图片描述

1.2.5选中工作区保存位置

在这里插入图片描述

1.2.6 最终保存为工作区

在这里插入图片描述

1.2.7、禁用eslint插件

在这里插入图片描述
代码不检查设置
在这里插入图片描述

/src/views
/src/components
/src/utils

6.运行项目
6.1启动终端
在这里插入图片描述
终端界面

npm -v

若不得行,则vscode用管理员运行即可
在这里插入图片描述
配置cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

在这里插入图片描述
回车运行,等待下
安装node_modules依赖包

cnpm install

在这里插入图片描述
打包运行前端项目

npm run dev  或者 npm start

在这里插入图片描述
默认访问8001
在这里插入图片描述
若是人人管理后台,就启动人人后台(renrne-fast)
然后修改url地址,保存后刷新页面
在这里插入图片描述
刷新
http://localhost:8001/#/login
会出现验证码
在这里插入图片描述
用户名和密码:默认为admin/admin
在这里插入图片描述
后续工作是对添加管理页面,待续。。。。。
若感觉对你有用,请评论点赞

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

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/164740.html原文链接:https://javaforall.net

(0)
上一篇 2022年7月28日 上午7:36
下一篇 2022年7月28日 上午7:36


相关推荐

  • gamma校正什么意思_串联滞后校正对系统性能的影响

    gamma校正什么意思_串联滞后校正对系统性能的影响【Gamma的由来】首先,要区分照度和亮度,照度是一个客观的量,亮度是一个主观的量,不同的人看相同照度的物体所感受到的亮度是不一样的。对于照度线性变化的物体,人眼感受到的亮度不是线性的。人眼对于低照度的物体更敏感,这意味着对于照度为2、3、4的三个物体,人眼能够区分,而对于照度为222、223、224的三个物体,人眼不能区分。其次,我们存储颜色的空间是有限的,常用的RGBA32格式,每个颜色通道只有8位,最多能表示256种照度,而现实世界中的照度远超256。基于人眼对照度的感知特点,我们不能线性的去

    2026年2月15日
    4
  • Hdparm命令

    Hdparm命令Hdparm 命令目錄 顯示隱藏

    2026年3月18日
    2
  • Java Random() 函数的使用方法

    Java Random() 函数的使用方法importjava.util.Random;publicclassGraphics{publicstaticvoidmain(String[]args){ Randomr=newRandom();//(方法一)先生成一个对象r, intb=r.nextInt(10);//调用r对象下面的nextInt,生成0~10之间的随机数,将结果传给b …

    2022年6月12日
    31
  • win10 android驱动安装失败,如何解决Windows10显卡驱动安装失败,小白式解决办法…「建议收藏」

    win10 android驱动安装失败,如何解决Windows10显卡驱动安装失败,小白式解决办法…「建议收藏」原标题:如何解决Windows10显卡驱动安装失败,小白式解决办法系统版本在随之进步,从Windows7到Windows10是系统的巨大飞跃,这种飞跃之下,很多问题也随之暴露出来,那就是显卡驱动安装问题。Windows10这个版本,是非常容易出现,而且因为数字签名问题的概率极其大,那么要如何解决这个问题,又成为了众多显卡小白的迷惑点。在这里,就教大家,如何在最快的情况下,解决Windows10显…

    2022年5月2日
    49
  • Trae如何在Visual Studio Code中安装并启用

    Trae如何在Visual Studio Code中安装并启用

    2026年3月15日
    3
  • vue 解决跨域问题(开发环境)[通俗易懂]

    vue 解决跨域问题(开发环境)[通俗易懂]一、什么是跨域问题同源:域名,协议,端口均相同不同源就是跨域,比如你的前端为localhost:9528,后端为localhost:8080,此时前端去访问后端接口就会产生跨域问题,因为端口不同。这里不详细讲,可参考百度百科-同源策略。二、如何解决跨域问题前后端都可以解决,这里仅提供vue的前端跨域解决方案:前端vue.config.js配置如下,然后保证在你访问后端接口时加个前缀/api。devServer:{port:port,open:false,ov

    2025年12月11日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号