码云上Vue项目导入WebStorm

最新推荐文章于 2024-03-16 12:23:35 发布
最新推荐文章于 2024-03-16 12:23:35 发布
阅读量2.3k 收藏 1
点赞数
分类专栏： 前端 文章标签： vue.js node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_21370419/article/details/107818781
版权

1.登录码云，进入仓库。

2.选择相应的仓库。

3.在仓库里选择相应的分支进行下载。

4.打开WebStorm，导入下载的文件。

5.项目已经成功导入。

6.打开终端，运行程序

7.报错，运行npm install 解决报错问题。

8.问题解决。

9.重新运行:npm run dev。

直接就弹出页面了(我这个页面有问题，所以是空白)，证明vue项目已经启动：

ending……

人……杰
关注
专栏目录
python工具系列：webstorm导入vue项目及其运行
weixin_54626591的博客
06-25 501
webstorm导入vue项目及其运行
webstorm debug调试vue项目
weixin_39417324的博客
08-10 2672
1.运行npm，然后控制台会打印下图中的地址，复制local的地址。2.run–>Edit Configuration，如下图.....
webstorm+vue初始化项目的方法
12-12
vue新项目准备： 1、安装nodejs，官网下载傻瓜安装 node -v 验证 2、npm包管理器，是集成在node中的，所以安装了node也就有了npm npm -v 验证 3、安装cnpm npm install -g cnpm –registry=http://registry.npm.taobao.org （完成之后，我们就可以用cnpm代替npm来安装依赖包了。如果想进一步了解cnpm的，查看淘宝npm镜像官网。） 4、安装vue-cli脚手架构建工具 npm install -g vue-cli vue新项目构建： 1、初始化项目模板： vue init webpack-simp
用webstorm搭建vue项目
热门推荐
weixin_40760196的博客
04-15 10万+
本文只针对新手。 首先要明白几个名词（概念）。 Node.js： Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。  Node.js 的包管理器 npm，是全球最大的开源库生态系统。 npm：   npm全称为Node Package Manager，是一个基于No...
WebStorm导入Vue项目采用工具栏方式启动
qq_38196449的博客
06-13 845
点击启动按钮，启动项目。
webstorm导入导出配置信息
若余
03-08 1万+
File->Export SettingsFile->Import Settingsnote:百度云盘已备份配置文件：常用软件->webstorm
新手：webstorm如何用git在码云拉取项目，提交代码
L_AMiao的博客
11-20 1万+
1，在码云上新建项目，步骤不多说了 2，在webstorm点击VCS ->check out from version control ->git 点击clone就拉取项目成功啦，如何就可以开始写项目啦 3，提交代码 写完之后可以看左下角 也可以选中文件，右键Git -> +Add ，右键，Git -> commit file 4，把代码上传到码云 选...
webstorm搭建vue项目（新手参考）
01-20
安装webstorm 首先安装webstorm，因为webstorm 集成了多种版本控制工具，基本的功能都可以使用，比如git。同时它也支持node.js调试，对于学生也有免费的优惠，稍后会讲如何申请。...3. 搭建vue之前准备工
git码云及vue项目准备.docx
03-05
在开发 Vue 项目之前，你需要先在计算机上安装 Node.js，因为它包含了 npm (Node Package Manager)，这是用来管理项目依赖的重要工具。访问 [Node.js官网](https://nodejs.org/en/download/) 下载并安装适合你操作...
webstrom Debug 调试vue项目的方法步骤
10-18
可以使用Vue CLI来创建一个新的Vue项目，或者将现有的Vue项目导入到WebStorm中。 3. 启用调试模式 在WebStorm中，通常有两种方式可以启动调试模式：直接在项目运行配置中启用调试，或者使用断点调试。 4. 使用Vue...
webstorm导入vue项目及其运行
最新发布
palivce的博客
03-16 2202
------------------------------------------------------------可能遇见的问题-----------------------------------------------在安装好node.js以及配置好环境之后，我们需要使用npm相关命令进行项目的运行。2.重启webstorm，重新输入“npm install'命令。2.在输入框输入 “npm install”，进行插件下载。3.其次再输入“npm run dev”，实现项目运行。
webstrom部署vue项目
dengyl2008的专栏
03-06 1058
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具，一款非常强大的Web前端开发神器。本文将讲解如何使用webstrom来部署vue项目 1、使用webstrom导入项目，接下来配置项目，选择Edit Configrations进入配置页面 2、点击+号选择node.js 3、设置name，这是设置为vue-my-project，Working dir...
码云项目版本git管理--vue项目创建同步
晓风残叶
06-01 854
1.在码云上根据需求创建项目，步骤如下； 根据项目性质填写相关信息并创建； 主页右上角进入设置配置SSH 公钥 指令如下： ssh-keygen -t rsa -C "xxxxx@xxxxx.com" 根据提示完成key的创建并将公钥粘贴到下图所示区域 2.进入创建的项目——>克隆/下载 选择复制 SSH 3.clone码云...
vue中视频插件vue-video-player使用
梁小茹的博客
06-27 1309
视频插件 vue-video-player github地址：https://github.com/surmon-china/vue-video-player 安装 npm install vue-video-player --save 引入 全局引入和组件内引入（二选一） 全局引入 全局引用， 在main.js里面导入并引用 import VideoPlayer from 'vue-video-player' // 视频插件引用 import 'vue-video-player/src/custom
webstorm配置vue开发环境
有1%的念头，就要用120%的努力去实现
06-26 2010
🌳🌳🌳前言：本文章针对于如何用IDE和webstorm运行一个别人的vue项目进行步骤记录。
webstormvue项目导入和tab页效果
遥是此间桃花庵
11-27 562
文章目录webstorm导入vue项目tab页效果： webstorm导入vue项目 关于新建vue项目，我之前的博客有说到，这里就简单说一下webstorm如何导入： vue项目吧。 1.找到文件下的导入设置： 2：找到你的vue项目存放路径： 这样，vue项目路径下的所有项目就都导入了进来。 2.添加npm进行运行： 点击Add新增一个npm 点击运行 启动成功！ tab页效...
WebStorm配置启动Vue项目
redrose2100的博客
11-21 1万+
本文详细介绍了WebStorm如何配置Vue项目并在WebStorm中启动Vue项目
vue.js项目的创建到webStorm运行详细讲解
码农小默
05-21 3265
一、背景 在这里vue我就不详细介绍了，你们可以参考他的官方网站，上面有详细的模型，这里我主要研究了下怎么使用脚手架去创建我们的项目结构，如果那里讲的不到位了，欢迎大家批评指正，我会在第一时间去更正的，废话不多说了，开始我们的学习吧。 二、环境准备 1.node.js:其实就是JavaScript 运行环境，可以通过它的官网进行下载安装，地址:https://nodejs.org/en/。 ...
使用webstorm来创建并且运行vue项目详细教程
WXY的博客
12-30 7718
如何使用webstorm运行项目，调出控制台 1：在Webstorm启动项目可以选择在终端输入命令 npm run dev Webstorm调用终端可以使用快捷键：Alt+F12， 或者在View菜单手动调用。 2：但是每次都打开命令窗口比较麻烦， 可以在webstorm内进行配置，从webstorm内启动 这样更加的方便，那么怎么样在Webstorm快速启动Vue项目配置？ Webstorm...
webstorm vue项目实践
11-23
以下是在WebStorm中开发Vue项目的一些实践方法： 1. 创建Vue项目 在WebStorm中创建Vue项目的方法如下： 1. 点击菜单栏中的“File” -> “New Project”。 2. 在弹出的“New Project”窗口中，选择“Vue.js”并点击“Create”按钮。 3. 在下一个窗口中，输入项目名称和路径，然后点击“Create”按钮。 4. 在弹出的“Create a new Vue.js Application”窗口中，选择需要的Vue版本和插件，然后点击“Create”按钮。 5. WebStorm会自动创建一个Vue项目，并在编辑器中打开项目文件。 2. 编辑Vue组件 在WebStorm中编辑Vue组件的方法如下： 1. 在项目文件夹中找到需要编辑的Vue组件文件，双击打开。 2. 在编辑器中修改Vue组件代码。 3. 在编辑器中使用“Ctrl+S”快捷键或者点击菜单栏中的“File” -> “Save”保存修改。 3. 运行Vue项目 在WebStorm中运行Vue项目的方法如下： 1. 点击菜单栏中的“Run” -> “Edit Configurations”。 2. 在弹出的“Run/Debug Configurations”窗口中，点击“+”按钮并选择“npm”。 3. 在“npm”配置窗口中，输入“run serve”并点击“OK”按钮。 4. 点击“Run”按钮或者使用“Shift+F10”快捷键运行Vue项目。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值