vue项目导入vscode项目，运行项目，vue开发必备软件vscode,nodejs

最新推荐文章于 2024-03-25 10:22:04 发布
VIP文章 最新推荐文章于 2024-03-25 10:22:04 发布
阅读量5.3k 收藏 39
点赞数 6
分类专栏： IT学习分享 文章标签： vscode vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/plqwf19880902/article/details/122577245
版权

一、下载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选择项目的文件夹
在这里插入图片描述

最低0.47元/天 解锁文章
一叶一码农
关注
  • 6
    点赞
  • 踩
  • 39
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vsCode引入VUE代码块
06-19
vsCode引入vue代码块，可以快捷的开发，使开发人员的开发速度大大加快
vscode引入新建得vue项目
精通前端技术，了解后端接口
03-05 1394
vscode引入vue项目
Vue3的项目开发准备vscode
weixin_45356258的博客
03-25 776
（3）使用npm init vue@latest下载vue包 （create命令是vue2的安装命令也能用）(2)直接点【Next】按钮，此处可根据个人需求修改安装路径，修改完毕后继续点击【Next】按钮（（7）测试安装是否成功，按下【win+R】键，输入cmd，打开cmd窗口。（3）可根据自身需求进行，此处我选择默认安装，继续点击【Next】按钮。（1）下载完成后，双击安装包，开始安装Node.js。（1）更换下载vue的地址或者盘符（d:）（6）安装完毕，点击【Finish】按钮。
Vue笔记——搭建脚手架，快速创建Vue项目
weixin_52250664的博客
07-22 1836
一、安装Vue 二、安装vue-cli 三、Vue项目的创建 四、利用 WebStorm 开发 Vue
Visual Studio Code从GIT拉取vue项目并运行
Rockandrollman的博客
09-18 790
文章一 文章二文章一
一、创建uni-app + Vue3项目并配置自动导入
weixin_39915504的博客
07-17 9683
在不使用自动导入的情况下，我们每使用到一个vue或者uniapp的方法的时候，就需要import一下，当配置了自动导入后就不需要import了，可以极大的提高开发效率！
使用Visual Studio Code 导入并运行vue项目
songjlei的博客
08-17 8078
打开VSCode, 快键键Ctrl+Shift+P ,搜索 Configure Display Language，选择安装其他语言，安装完成选择zh-cn，重启就变成中文了。4.我们再打开我的电脑(右键)->属性->高级->环境配置->添加自己的npm安装路径 ，就是以上第3步获取的路径，一路确定即可。打开控制台（Ctrl+shift+Y）,选择终端，在控制台终端输入npm install添加包依赖 ，可能会出现报错，如下。三、vue插件的安装（方便开发）（Ctrl+shift+X）若有问题，欢迎指正！
vsCode首次加载Vue项目
qq_22325259的博客
08-11 2922
第一步环境搭建 1、去微软官网下载vsCode并安装 vsCode官方下载地址：https://code.visualstudio.com/Download/ 2、安装nodejs，可自行去官网下载安装，推荐下载LTS稳定版 nodejs下载地址：https://nodejs.org/zh-cn/ 3、vsCode安装完成后，安装几个常用的扩展插件： <1> Chinese (Simplified) Language Pack for Visual Studio Code中文语言..
使用 vscode 导入现有的 vue 项目进行开发的操作步骤 前端初体验
huqiankunlol的博客
07-24 1万+
现在大部分项目都是前后端分离的开发模式，前端接触的越太少了，记录一下个人开发 vue 项目的过程 首先项目是直接从开源社区下载下来的，我这里下载的是 若依的开源项目 使用 vscode 开发要装 node.js ,我们进行管网下载既可 安装的过程默认既可，无需什么配置，接下来我们打开 vscode 工具 , 文件 - 打开文件夹 ，选择项目所在的路径 按 Ctrl + ~ 键 ( Esc 下面的那个 ) 调出终端 ，执行 install 这个过程有点慢，执行完成后，...
VSCode导入Vue项目入门部署与启动
m0_54230514的博客
03-04 2917
PS：没有node.js的需要下载，官网提供的版本过高，下载安装后容易出现一些问题导致不能运行，建议下载与项目适配的版本，node.js历史版本可参考以下博客。后者需要将npm下载镜像，使用淘宝镜像- 命令就改为了cnpm，会加快项目的启动速度。@后的数字可以更改为想要的版本 若不加上@6 就默认下载最新版本的镜像cnpm。设置全局模块的安装路径到 “node_global” 文件夹，配置npm的全局模块的存放路径 以及 cache缓存的路径。与idea导入项目一致，选择前端项目的文件夹进行导入。
VS code运行vue项目
各类程序设计成品、文档、学习资料
10-25 1万+
请注意，以上步骤假设您的Vue项目已经配置好了相应的构建脚本（如package.json中的"scripts"字段）。命令时出现"无法将'npm'项识别为cmdlet、函数、脚本文件或可运行程序的名称"的错误消息，这可能是因为您的计算机上没有正确安装Node.js和npm，或者系统环境变量配置不正确。2.在VS Code的侧边栏中，选择您的Vue项目文件夹，或者使用菜单中的“文件”->“打开文件夹”选项来打开项目文件夹。3.打开终端（菜单中的“视图”->“终端”），确保终端位于您的Vue项目文件夹下。
vue开发的需要软件，包含vscode,nodejs
01-19
vue开发的需要软件，包含vscode,nodejs 适合做vue开发的使用
Vue开发工具包 Vscode nodejs
09-06
vscode nodejs
VSCode搭建Vue项目的方法
11-21
在vscode上搭建一个vue项目—初学总结。 1.假设Vscode、nodejs等已经安装好了。 2.全局安装vue-cli，vue-cli可以帮助我们快速构建Vue项目。 安装命令： npm install -g vue-cli 打开VScode的终端，调出命令输入框。...
VSCode搭建Vue Element Admin的项目环境
最新发布
04-11
VSCode搭建Vue Element Admin的项目环境 版本： node：v18.20.2 npm:：10.5.0 git：2.19.1 vue-element-admin：https://panjiachen.gitee.io/vue-element-admin-site/zh/
Vue+NodeJS前后端分离项目Docker部署1
08-04
1. 整体架构图 2. 环境描述 3. 部署效果 1. 源码获取 4. 创建相关目录与文件 5. 创建docker网络用于容器互联 1. 创建并启动容器 2.
Vue脚手架的安装（保姆级教程）
code袁的博客
03-10 8500
Vue 脚手架可以理解为盖房包工队，也在不断改造，现在是 4.5.12。到这为止，Vue 脚手架已经安装完成了。Vue 可以理解为中式建筑风格，经过更新升级，现在是 2.X 版本。我们学习的 Vue 版本的 2.X，脚手架的版本是 4.5.12。node_global 和 node_cache。在终端中输入 npm run serve。2.在node的下载目录新建文件。在自己新建的文件下，用cmd打开。直接将项目拖到vscode里面，至此Vue的脚手架搭建完毕了。
Vue.js 最新官方下载地址与项目导入
热门推荐
LlanyW的专栏
06-09 2万+
在官网上下载vue.js或者是vue.min.js。并用标签引入。下载网址是https://vuejs.org/v2/guide/installation.html。进入官网后，点击下载这两个，其中这两个有一个是vue.js 有一个是vue.min.js。 2者的区别：vue.js没有经过压缩，适合开发测试Debug时使用，vue.min.js代码经过了压缩，适合发布上线时用，节约些资源。** 导入vue的方法非常简单, 然后直接拖到项目里的js目录，.........
vscode+vue3+微信小程序开发快速引入\导入uni组件，附错误解决方法
qq_69073409的博客
09-06 1664
vscode+vue3开发微信小程序，快速引入uni组件，附带npm\pnpm、创建vue3+ts项目，安装过程中的问题解决方法
前端项目vue项目在vscode中如何启动
07-27
在vscode中启动前端项目vue项目，首先需要确保本地已经安装了node.js环境和vscode软件。然后按照以下步骤进行操作： 1. 打开vscode软件，并打开对应的vue项目的文件夹。 2. 确认项目的启动命令，可以查看项目的配置文件。有些项目的启动命令是npm run dev，有些是npm run serve。 3. 在vscode的终端中输入相应的启动命令，然后按回车键。这样就可以启动项目了。 如果在启动项目的过程中遇到了缺少插件的问题，可以在vscode的扩展中点击筛选器扩展选中推荐，然后安装缺少的插件。可以参考以下配置文件中的插件推荐列表： ``` { "recommendations": \[ "octref.vetur", "rvest.vs-code-prettier-eslint", "lihuiwang.vue-alias-skip", "dbaeumer.vscode-eslint" \] } ``` 希望以上步骤对您有帮助！\[1\]\[2\] #### 引用[.reference_title] - *1* [Vscode软件，如何启动vue项目](https://blog.csdn.net/python113/article/details/121321777)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [vue项目中配置vscode](https://blog.csdn.net/qq_40190624/article/details/125499013)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [vue项目导入vscode项目，运行项目，vue开发必备软件vscode,nodejs](https://blog.csdn.net/plqwf19880902/article/details/122577245)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一叶一码农

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值