vscode导入已存在的vue.js工程

最新推荐文章于 2024-08-15 09:38:56 发布
最新推荐文章于 2024-08-15 09:38:56 发布
阅读量3.3k 收藏 3
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/plpldog/article/details/90205110
版权

1.安装vue_cli

如果安装了npm，直接在命令行输入npm install -g vue-cli，安装在全局组件目录下

技术分享图片

完成后，可以在命令测试下

技术分享图片

2.导入工程

打开vscode------->文件--------->打开文件夹--------->选择工程文件夹-------->确定；

技术分享图片

然后查看中点击继承终端或者使用“Ctrl+~”调出终端

技术分享图片

从终端中输入命令进入程序目录，输入npm install安装vue插件初始化项目，完成后执行npm run dev启动项目，就可以在浏览器中打开页面了，在终端ctrl+c来停止运行。

技术分享图片

 

技术分享图片

完成；

西红柿天尊
关注
专栏目录
Vue.js前端开发实战软件包
04-02
通过学习和掌握Vue.js、WebStorm或VSCode的使用，以及JavaScript和ECMAScript的相关知识，你将能够高效地构建现代前端应用，并在实践中不断提升自己的开发技能。无论是选择WebStorm的全方位支持还是VSCode的轻便灵活...
用VSCode搭建Vue.js开发环境及Vue.js第一个应用
m0_61961937的博客
02-16 1万+
用VSCode搭建Vue.js开发环境及Vue.js第一个应用
新手入门Vue，在VScode中使用Vue的两种办法
weixin_51472145的博客
03-04 8834
根据vue官方文档，官方提供了两种方式来使用vue框架。 创建一个html文件，然后在其中通过如下两种方式引入 Vue： 1. <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> 可以简单理解为完整版本，适合初学者使用。 2. <!-- 生产环境版本，优化了尺寸和速度 --> <scrip
Java开发工具IDEA入门指南——如何从VS Code迁移到IDEA？（一）
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
08-15 997
本文主要介绍一些关于如何从Visual Studio Code (VS Code)迁移到IntelliJ IDEA的提示。
使用Visual Studio Code 导入并运行vue项目
songjlei的博客
08-17 1万+
打开VSCode, 快键键Ctrl+Shift+P ,搜索 Configure Display Language，选择安装其他语言，安装完成选择zh-cn，重启就变成中文了。4.我们再打开我的电脑(右键)->属性->高级->环境配置->添加自己的npm安装路径 ，就是以上第3步获取的路径，一路确定即可。打开控制台（Ctrl+shift+Y）,选择终端，在控制台终端输入npm install添加包依赖 ，可能会出现报错，如下。三、vue插件的安装（方便开发）（Ctrl+shift+X）若有问题，欢迎指正！
用vscode实现vue.js项目的一个完整过程
nanzhuhe的博客
03-05 1万+
转 用vscode实现vue.js项目的一个完整过程 1、新建项目 打开Vis...
vsCode首次加载Vue项目
qq_22325259的博客
08-11 3049
第一步环境搭建 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中文语言..
vue使用 bpmn.js
04-06
Vue.js 是一款流行的前端JavaScript框架，它以组件化开发、易用性和高性能著称。BPMN（Business Process Model and Notation）则是一种用于描述业务流程的图形化语言，广泛应用于流程设计、建模和自动化。结合Vue.js...
基于springboot+vue.js实现的超大文件分片极速上传及流式下载，支持超大文件断点续传、秒传
最新发布
08-28
基于springboot+vue.js实现的超大文件分片极速上传及流式下载，...把前端工程导入到开发工具例如vscode中，运行npm install安装依赖包，之后npm run dev启动前端工程 打开谷歌浏览器，输入http:localhost:80进入系统
VSCode插件开发全攻略之package.json详解
12-20
在详细介绍vscode插件开发细节之前，这里我们先详细介绍一下vscode插件的package.json写法，但是建议先只需要随便看一下，了解个大概，等后面讲到具体细节的时候再回过头来看。 如下是package.json文件的常用配置，...
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**: [官网链接]...
vscode引入新建得vue项目
精通前端技术，了解后端接口
03-05 1516
vscode引入vue项目
VSCode导入Vue项目入门部署与启动
m0_54230514的博客
03-04 8466
PS：没有node.js的需要下载，官网提供的版本过高，下载安装后容易出现一些问题导致不能运行，建议下载与项目适配的版本，node.js历史版本可参考以下博客。后者需要将npm下载镜像，使用淘宝镜像- 命令就改为了cnpm，会加快项目的启动速度。@后的数字可以更改为想要的版本 若不加上@6 就默认下载最新版本的镜像cnpm。设置全局模块的安装路径到 “node_global” 文件夹，配置npm的全局模块的存放路径 以及 cache缓存的路径。与idea导入项目一致，选择前端项目的文件夹进行导入。
使用VsCode搭建Vue开发环境
见证自己学习,成长的记录
09-13 1万+
新建文件夹和文件 工作目录叫vue-basic,里面创建一个文件夹叫01-初识vue,然后创建个html文件叫初始vue.html。F12查看控制台 发现多了两个关于vue的提示,就说明引入vue成功了，这两个小提示后面我们会进行关闭，不然开着不舒服。通过官网介绍我们知道，vue是默认开启生产提示的，我们可以修改这个属性为false，这样就能关闭提示。然后我们把控制台的提示进行清除，首先清除第一个，需要去谷歌应用商城安装vue开发者工具。可以发现，不仅名称有区别，大小也是有区别的，开发版本比生产版本大。
使用 vscode 导入现有的 vue 项目进行开发的操作步骤 前端初体验
热门推荐
huqiankunlol的博客
07-24 1万+
现在大部分项目都是前后端分离的开发模式，前端接触的越太少了，记录一下个人开发 vue 项目的过程 首先项目是直接从开源社区下载下来的，我这里下载的是 若依的开源项目 使用 vscode 开发要装 node.js ,我们进行管网下载既可 安装的过程默认既可，无需什么配置，接下来我们打开 vscode 工具 , 文件 - 打开文件夹 ，选择项目所在的路径 按 Ctrl + ~ 键 ( Esc 下面的那个 ) 调出终端 ，执行 install 这个过程有点慢，执行完成后，...
VSCODE中使用Vue3教程
weixin_44741835的博客
02-22 6635
andand​。
vue项目导入vscode项目，运行项目，vue开发必备软件vscode,nodejs
plqwf19880902的博客
01-19 5529
vs导入vue项目 renren-fast-vue使用
Visual Studio Code搭建VUE开发环境
Nicky's blog
08-07 3051
Vue.js 是一款易学易用，性能出色，适用场景丰富的 Web 前端框架。它基于标准 HTML、CSS 和 JavaScript 构建，提供容易上手的 API 和一流的文档
vscode 导入前端项目
antRain的博客
03-11 844
参考。
vscode怎么安装vue.js
06-10
在VS Code中安装Vue.js，需要先安装Node.js和npm。Node.js是一个JavaScript运行环境，它可以运行在服务器端和客户端。npm是Node.js的包管理工具，它可以帮助我们管理项目的依赖关系。 安装Node.js和npm后，您可以使用以下步骤在VS Code中安装Vue.js： 1. 打开VS Code，打开您的项目。 2. 打开终端，输入以下命令安装Vue.js： ``` npm install vue --save ``` 在上述命令中，`--save`选项将Vue.js添加到您的项目依赖中。 3. 等待安装完成后，您可以在您的项目中使用Vue.js。您可以使用以下命令导入Vue.js： ```javascript import Vue from 'vue'; new Vue({ // Vue.js实例选项 }); ``` 现在您就可以在您的项目中使用Vue.js了。希望这可以帮助到您！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值