搭建Vue脚手架，并上传到远程仓库GitHub步骤

最新推荐文章于 2024-11-20 21:07:44 发布
最新推荐文章于 2024-11-20 21:07:44 发布
阅读量2.1k 收藏 3
点赞数 1
分类专栏： 成长记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/helloFE/article/details/80019027
版权
本文详细介绍了如何搭建Vue项目脚手架，包括全局安装Vue CLI，创建项目，以及将新建的Vue项目上传到GitHub远程仓库的完整步骤，确保项目本地与远程仓库的同步。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、首先打开vue.js官网，找到“安装”，可以看到几条命令： 第一条“全局安装”只需安装一次，后面的项目就不用装了;“my-project”是自定义的项目名称



 敲第二行的时候回出现多个选择



到这里打开命令行的地方会创建一个文件test-project，里面就是vue-cli脚手架



二、到GitHub上创建一个仓库

    打开你的GitHub首页，点击“new repository”

   


然后跳到一个完善信息的页面，需要填写仓库名，需与刚刚脚手架那里创建的项目名相同



点击创建仓库，回到创建好的脚手架文件夹里打开命

最低0.47元/天 解锁文章
将本地vue项目上传到github上
小兔&崽子的博客
09-03 2078
将本地vue项目上传到github上 首先，打开本地创建好的vue项目文件，右键点击Git bash Here，打开Git命令工具，输入git init 回车运行，生成.git文件。 运行git add . 将项目的搜友文件添加到仓库，注：git不能添加空的文件夹，文件夹里必须有文件才能add成功。 然后 运行指令 git commit -m “提交到仓库的名称” 创建github仓库 登录github账户后，选择New repository 后按照提示输入仓库名称和说明，创建仓库。 仓库创
搭建属于自己的Vue3脚手架
lizhi1030的博客
11-08 117
搭建属于自己的脚手架
vue项目上传至github
u011927449的博客
06-22 330
github账号及管理工具git准备 github官网注册账户，网址：https://github.com; 安装管理工具git，下载地址：https://git-scm.com; 准备好了，开始搞事情 vue-cli脚手架搭建本地vue项目。 进入本地项目文件下，右键-选择git bash here（下图） 建立本地仓库 窗口输入命令： git init 初始化， 成功后项目里多了一个隐藏文件夹.git（.git是隐藏文件，可通过设置显示隐藏文件夹令其显示） 将项目中所有文件添加到仓库 输入指令： git
将vue项目上传到github上
weixin_46044574的博客
04-14 392
1，在GitHub上创建一仓库 2，注意：username是你的用户名，当你创建成功会给你一个地址，直接复制就行。 https://blog.youkuaiyun.com/qq_38903950/article/details/78104773 https://www.cnblogs.com/whitepine/articles/9282260.html ...
本地 vue 项目上传至 GitHub
u013614950的博客
11-30 779
前言 最近初步完成了 vue仿某商城购物车 , 上传至 github , 并实现一个简单的预览功能 , 遇到一些问题 , 分享一下解决的过程 打包 Vue 项目 vue 项目完成时 , 执行以下命令 npm run build 实际上此命令就是执行 build.js 文件 , 将项目打包成静态资源 , 项目根目录下会多出一个 dist 文件夹 static 文件下包括项目打包后的 c...
Vue-cli项目上传至GitHub
as_64的博客
02-11 614
由于用脚手架创建的项目自带git文件，所以就不需要在将远程仓库先拉到本地再上传，可以直接在vue项目中进行上传，打开git bash 1.初始化仓库 git init 2.将项目暂存到本地仓库中 git add . git commit -m "描述信息" 4.添加远程仓库路径 git remote add origin https://gitee.com/xxxxxxx 5.push提交 git push -u origin master 如果报错 Updates were reject
仿vue-cli搭建属于自己的脚手架的方法步骤
10-17
【仿vue-cli搭建脚手架】是指模仿Vue CLI创建自己的项目初始化工具，目的是根据个人或团队的需求定制化项目模板，简化新项目的搭建过程。Vue CLI是Vue.js官方提供的脚手架，通过它我们可以快速初始化一个包含完整...
搭建一个nodejs脚手架的方法步骤
10-16
### 搭建一个Node.js脚手架的方法步骤 #### 1. 前言 在软件开发领域，脚手架（scaffolding）是指一套自动化工具，它可以帮助开发者快速生成项目的初始结构、配置文件以及其他必要的组件。这些脚手架通常以命令行...
从0-1逐步搭建一个前端脚手架工具并发布到npm
最新发布
owo_ovo的博客
11-20 2279
从0-1逐步搭建一个前端脚手架工具并发布到npm
vue-cli脚手架搭建的项目连到自己的github仓库
weixin_42203183的博客
04-19 995
①用脚手架创建vue项目 vue create xxx 耐心等待。。。 然后选择默认配置。。 命令行会提示：cd xxx npm run serve 创建成功！ 如图，打开8082端口就可以看到vuecli帮我们创建好的想项目啦 ②创建远程仓库 在github上创建自己的仓库，复制git远程地址 ③把项目提交到远程仓库 在项目目录下右键选择git bash 依次输入...
新建vue项目添加到远程git仓库
fxg163的专栏
08-07 2183
1、首先创建一个vue项目文件 (vuecli)vue项目名不能包含大写然后进来会发现使用vue脚手架创建的文件是默认有.git文件夹的。也就是默认就是一个仓库。2.连接远程仓库git remote add 远程仓库地址别名 远程仓库地址3.获取远程库与本地同步合并如果远程库不为空必须做这一步，否则后面的提交会失败git pull –rebase origin master4.创建并切换到开发分...
Vue项目托管到GitHub仓库
qq_50745025的博客
08-15 338
前言 记录一下自己Vue学习的过程 一、前期的准备 将自己的Vue项目和GitHub仓库搭建好后，把仓库中的文件Clone到自己的Vue项目中 git clone 仓库文件的链接 二、使用步骤 1.将Vue中的一些文件Poyc到仓库Clone下来的文件中 然后打开仓库文件的终端，将Poyc的文件通过 git add . 命令添加到文件中 2.提交项目 通过 git commit -m '初始化项目' ---后面文字可随机，这样是提交到本地 ，还需...
从零开始搭建vue脚手架
weixin_44289670的博客
12-10 737
重0开始搭建vue脚手架 简单来说***vue是一个前端框架***脚手架
git上传本地代码到远程仓库（初次使用）
hjk61314的专栏
09-13 400
步骤： 1. 有关本地分支： git init git add . git commit -m “this is a test” 2.建立远程仓库 在自己的http://github.com中New 一个远程仓库，获得其远程仓库地址 https://github.com/username/xxx.git 3.给本地代码添加对应的远程仓库名字 git remote add ori...
如何将vue项目文件上传到git仓库
weixin_55684685的博客
05-16 1555
目录。
搭建Vue版Ant Design Pro后台管理系统
老杜的博客
02-13 6961
基于Vue实现的Ant Design Pro的后台管理系统模板
15款开源的Spring项目脚手架
KHOST的博客
07-01 2637
来源： https://juejin.im/post/5ef2e2dd6fb9a058727f3bac ❝ 不管是工作还是学习，很多时候我们都不需要自己再造轮子，并且如果有一个足够可用的轮子，在工作或者学习上，都会帮我们节省很多时间，这个真的哦。有的公司的管理框架就是用开源项目改的。今天在这边给大家推荐15个，优质开源Spring Boot & Spring Cloud 的比较多，包括权限管理类、支付类、商城类，博客管理、CRM、ERP等。 ❞ 微人事 spring-boot.
VUE.JS——脚手架安装
热门推荐
世界中心的专栏
02-10 2万+
使用 Vue.js 开发大型应用时，我们需要考虑代码目录结构、项目构建和部署、热加载、代码单元测试等事情。如果每个项目都要手动完成这些工作，那无疑效率是低下的，所以通常我们会使用一些脚手架工具来帮助完成这些事情。在 Vue.js 生态中我们可以使用 vue-cli 脚手架工具来快速构建项目。 （1） 安装之前需要检查是否已经安装NodeJS的环境 可以使用node -v检查，且需要保证安装4.
Vue-cli Vue脚手架安装
Despareter_YongPL
06-08 337
1.下载node.jshttp://nodejs.cn/download/cnpm 镜像安装1、npm install -g cnpm --registry=https://registry.npm.taobao.org2、cnpm install webpack -g3、
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值