（实习）关于vs code创建一个新的vue项目和运行一个已有vue的项目

最新推荐文章于 2025-10-13 22:35:12 发布
原创 最新推荐文章于 2025-10-13 22:35:12 发布 · 1.2k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vs code  #vue

本文详细介绍了如何使用VS Code创建新的Vue项目以及解决运行已有项目时遇到的问题，包括依赖安装缓慢、报错的解决方法，提供了一步步的操作步骤和参考资料链接。

1.vs code创建一个新的项目

注意点如下
  • 在此过程中，运用npm install 时，有时候会有网速不好，下载过慢，或者出现卡顿的状态，这时候建议用淘宝的镜像去安装，网址如下
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    taobao
  • 在运行npm install之后，要点开在vs code当前文件夹里有一个文件交package.json中查看，自己到底接下来用什么命令运行
    package.json
    介于我的是serve，所以用完npm install之后，就用npm run serve让项目编译运行
    ————————————————————
进入正题
  • （一）
    这个链接教会了我怎么建立并运行一个新Vue项目

https://blog.youkuaiyun.com/weixin_37567150/article/details/81291433

  • （二）
    本人看了很多的教程，大部分的教程都是这样
最低0.47元/天 解锁文章
在VS Code中创建和运行Vue项目
DpgrMl的博客
10-07 1249
通过安装Node.js和Vue CLI，创建Vue项目，并使用VS Code进行编辑和开发。在VS Code中创建Vue项目的下一步是使用Vue CLI创建一个新的项目。当您完成对Vue项目的开发并准备进行部署时，可以使用Vue CLI进行项目构建。在VS Code中，选择“文件”>“打开文件夹”，然后导航到您的Vue项目文件夹并打开它。接下来，我们需要安装Vue CLI（Vue命令行界面），它是用于创建和管理Vue项目的工具。首先，打开终端或命令提示符，并导航到您的Vue项目文件夹。
vue项目开发总结——任务悬赏平台（前端）
MyBlog
11-22 1033
项目简介： 该项目实习中的第一个项目，该项目分为用户端、企业端、后台管理端。用户可以在任务大厅接受任务，每完成任务都会获得响应的报酬，用户只能接受一个任务，该任务完成后才能继续下一个任务。任务进行期间，该任务可以被企业取消，若企业取消用户正在完成的任务，则返回5%的奖励给用户。企业可以发布任务，发布任务之前需要上传企业认证凭证给后台管理端，后台管理员审核通过之后企业才可发布任务，企业可以对用户已完成的任务进行确认完成任务和打回重做。 一、相关技术 vue2 scss axios cookie elem.
VScode 创建运行一个Vue项目
m0_50641264的博客
07-31 1059
VScode 创建运行一个Vue项目
VSCode运行Vue项目全攻略
最新发布
rqX_ie3q的博客
10-13 543
Vue.js 是一个流行的前端框架，以其轻量级和易用性著称。在 VSCode 中运行 Vue.js 项目需要配置开发环境、安装依赖并启动开发服务器。以下是从零开始的具体操作流程。确保已安装最新版本的 Node.js（建议使用 LTS 版本）。使用 Vue CLI 或 Vite 快速初始化项目。或（Vue CLI 项目。
创建Vue项目以及导入VScode开发工具并试运行
qiu666600的博客
03-21 8004
一、前言 1、本例环境 node.js：v12.14.1 npm：v6.13.4 vue：@vue/cli 4.2.3 2、node.js环境安装与测试 由于vue的安装与创建依赖node.js（JavaScript的运行环境）里的npm（包管理和分发工具），因此需要先确保安装node.js。 检测方式：打开cmd命令窗口（Window + R，输入cmd然后回车），输入 node -v 回车，正常显示node.js版本代表已安装。 因为npm会随着node.js一起安装，所以，只要是node.j
（Vue笔记）VSCode创建与运行 Vue-cli + @Vue-cli 项目
张松的博客
06-22 3573
（Vue笔记）VSCode创建与运行 Vue-cli + @Vue-cli 项目
在 VSCode 中运行 Vue.js 项目
Nicky's blog
05-16 4658
本文详细介绍了如何在 VSCode 中运行 Vue.js 项目。首先，需要安装 Node.js 和 Vue CLI，并确保 VSCode 已安装。接着，通过 Vue CLI 创建新项目，并安装项目依赖。在 VSCode 中打开项目后，安装推荐的插件以提升开发体验。最后，通过 npm run serve 启动开发服务器，并在浏览器中访问项目。文章还提到项目调试和自动刷新的功能，帮助开发者更高效地进行前端开发。通过本文的步骤，读者可以轻松在 VSCode 中运行和调试 Vue.js 项目。
简单上手入门级创建vue项目，vscode打开vue项目，vue使用element-ui组件
weixin_48128217的博客
03-25 3123
如果运行有报错则将 packeage.json下的 "@vue/cli-plugin-eslint": "~5.0.0",删除。等待完成后再次进入创建好的文件vue01，输入npm run serve开始运行。然后cd到vue01目录下npm run serve运行。然后打开 http://localhost:8080/在D盘创建文件vs，在vs下创建vuedemo。输入以上命令进入到vuedemo创建vue01。点击文件，选择打开文件夹，打开刚刚创建的项目。快捷键ctrl+c终止批处理操作。
基于Vue的图书管理系统前端实习项目展示
本项目“前端_Vue_图书管理_实习项目展示”是一个典型的基于前后端分离架构的Web应用开发实例，主要用于图书信息的管理与展示。从标题可以看出，该项目聚焦于前端技术栈，特别是使用了当前主流的JavaScript框架——...
基于SpringBoot和Vue的在线租房招聘平台源码
本项目“基于SpringBoot和Vue的在线租房和招聘平台源码”是一个功能完整、结构清晰、技术先进且经过严格调试的优秀毕业设计项目，具备极高的学习与实战参考价值。该项目融合了当前主流的前后端开发技术栈，从前端...
Springboot+Vue大学生实习就业综合平台(基于协同过滤算法)
Mas的博客
05-04 1254
项目为maven管理，数据库mysql，idea平台开发，有学生，老师，管理员三个角色，平台有权限校验，数据库一共有25张表。配合当下的学生招聘需求，快速实现岗位实习或就业定位，岗位推荐用协同过滤算法处理，项目每个操作都是可以通过auth配置权限。头像地址：[0,255]用户登录注册代码逻辑。回复评论ID：空为0。
在VS Code中创建Vue项目
nan2008zzu的专栏
04-17 5116
在VS Code中创建Vue项目的一般步骤如下：1、安装Node.js和npm、2、安装Vue CLI、3、创建Vue项目 本文创建的是带router的vue项目
在vscode中创建vue项目
热门推荐
someday____的博客
09-01 2万+
昨天对一次成功用新电脑在vscode上跑成功项目工程里的vue项目，今天目标是自己用vscode新建一个vue项目。第三步：在下面步骤中，一些需要填写或选择的选项，我都直接Enter了，一些需要安装的我都直接No了。第一步：打开vscode, 选择 文件 >> 打开文件夹 选择要创建项目的文件目录。第五步：在浏览器输入http://localhost:8080就可以打开项目了。，其中projectName可以自行修改。第四步：按照上图提示进入到项目目录并运行项目。...
vscode创建vue项目
小白_L的博客
10-09 1万+
一、前情提要只适用于已安装node、修改过淘宝镜像等前期准备工作，直接开始进行项目创建。二、创建新项目1、先创建一个文件夹，也可以通过VSCode打开已有文件夹。（此文件夹为新创建项目的上级文件夹）2、选中打开的文件夹，点击右上角打开终端，也可以通过查看打开终端3、切换Command Prompt4、输入npm create vite@latest，再输入项目名称->回车->选中vue，不知道怎么选就一直回车完成接下去的选项(
gulp serve 报错
PariyPeng
09-11 1694
gulp : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\gulp.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参 阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。 所在位置 行:1 字符: 1 + gulp serve + ~~~...
使用VSCode创建一个Vue项目
Ethereal的博客
07-12 6572
详细介绍如何创建一个Vue项目，node.js，vue-cli安装，配置淘宝镜像等。
在Vscode 中创建一个vue新项目
weixin_44713688的博客
06-24 565
command + j打开终端 打开相应的文件夹（默认已经下载好Vue） 输入vue create vue-project，其中vue-project为项目文件名 选择Manually select features：自己配置项目需求 Choose a version of Vue.js that you want to start the project with ：2.x Use history mode for router? (Requires proper server setup for in.
使用VSCode创建新的Vue项目
cxhgg的博客
09-09 1175
1、在终端窗口输入vue ui打开vue可视化项目管理器 2、创建新项目 3、手动配置项目 4、选择常用功能 5、选择配置 6、创建项目 7、创建的项目可能没有.eslintrc.js文件 从其他项目复制一个过来 自己新建一个，百度找一个配置好的复制过来在修改 8、修改package.json文件 "scripts": { "serve": "vue-cli-service serve", ...
vscode新建vue项目
优雅的水晶女孩的博客
06-19 698
此时我们在DEMO_VUE下，新建一个文件夹myvue。打开vscode， 打开我们创建的DEMO——WEB。首先电脑里配置好node，并安装了vscode。其中DEMO_WEB就是存放前端代码的文件夹。回车后，下一步安装webpack，用来打包js。出现一些配置项，根据需要选择Y或者n即可。点击新建终端，或右键选中在集成终端打开，
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值