vscode引入vue_vscode配置vue开发环境

大家好，又见面了，我是你们的朋友全栈君。

一、下载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.cn/164740.html原文链接：https://javaforall.cn