创建一个vue项目并上传到git

已于 2022-06-06 23:34:26 修改
阅读量2.8k 收藏 3
点赞数 3
文章标签： github git vue.js
于 2022-06-06 23:32:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qwerty_qert/article/details/125156200
版权

创建一个vue项目并上传到git

1.进入自己想创建的文件夹位置，我放在 D:\VSCodeWorkSpace，创建语句 vue create project-name(项目名称)，方向键选择创建方式，可以选择默认或者自行配置。

2.进入到创建的 Vue 项目目录，添加依赖框架： cd vue-spring-login-summed (进入到项目根目录) vue add element (添加 element，一个 element 风格的 UI 框架) npm install axios (安装 axios，用于网络请求) npm install vuex --save(安装 Vuex，用于管理状态) npm install vue-router (安装 路由，用于实现两个 Vue 页面的跳转)

3.切换到项目目录，运行npm run server
在这里插入图片描述
运行成功
4.在git创建仓库
在这里插入图片描述
5.克隆到本地
在这里插入图片描述
找到要上传的项目，右键点击文件夹（注意，不能选择单个文件或者压缩包&#x

最低0.47元/天 解锁文章
大米也叫桃儿
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue初始化项目并上传至GitHub
qq_43433815的博客
10-14 810
最少使用命名行实现在本地创建并初始化Vue项目，然后上传到GitHub。
将vue项目发到git上
qq_53379793的博客
04-26 422
仓库地址如(https://gitee.com/a1597/aaa.git)git bash here之后即可打开git客户端黑窗口。输入命令： git init 初始化。最后一个命令报错的话看这文章。
Vue项目环境搭建及git仓库新建
最新发布
【2023年电力EI会议】
04-20 773
总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。点击这里领取Web前端开发经典面试题，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。
Vue（五）&&git
ZiminLi的博客
08-01 1072
将仓库内容传送到远程仓库，第一次传输需要输入用户名密码，输入正确后win10以上电脑会自动保存，输错也会自动保存，并且传输时会验证失败，需要修改凭证。当别人先上传到远程仓库后，自己为更新仓库，此时修改代码上传会报错，需要pull到本地进行合并，新的替换老的。克隆之后直接添加会失败，需要进入存在git仓库的文件夹下进行操作，并且可以查看到以往他人的操作。修改代码后再次查看提交状态，发现提示上传本地仓库的已修改，需要重新添加更新，使用。后克隆别人仓库里的项目到自己的本地仓库（私有状态下需要仓库拥有者分配权限）
vue项目复制----复制一个项目为另一个项目仍然访问原来老项目代码
m0_61702149的博客
06-06 384
表现就如下边这张图，新项目名字叫pccs，旧项目名字叫vue-element-admin，能启动，运行成功，一切正常，但是你会发现仍然是老项目的。
vue目录详解以及文件说明
Lzxzxzx_的博客
03-04 1262
在工程中，并不是所有文件都需要保存到版本库中的，例如“target”目录及目录下的文件就可以忽略。在Git工作区的根目录下创建一个特殊的.gitignore文件，然后把要忽略的文件名填进去，Git就会自动忽略这些文件或目录。记录当前项目所依赖模块的版本信息，更新模块时锁定模块的大版本号（版本号的第一位）,不能锁定后面的小版本，vue-cli的配置文件 (vue-cli4默认没有这个文件，可以自己新建)入口文件，也就是打包或者说运行的时候，所运行的第一个文件。放置系统的静态文件，比如，图片，全局配置文件。
vue3项目搭建并git管理
weixin_42479421的博客
09-07 1237
搭建vue3项目
vue项目打包后提交到git上为什么没有dist这个文件的解决方法
10-14
Vue.js项目在开发过程中，通常会使用`npm run build`命令进行打包，打包后会在项目根目录下生成一个名为`dist`的文件夹，其中包含了编译后的静态资源，适合部署到生产环境。然而，有时候将项目推送到Git仓库时，可能...
vue项目部署到码云的pages服务器上
01-07
2.vue项目跟目录设置vue.config.js module.exports = { publicPath: process.env.NODE_ENV === 'production' ? '/远程仓库名字/' : '/' } 3.打包及上传远程仓库 npm run build 复制dist文件夹到另外新建文件夹...
vue项目实现github在线预览功能
08-27
这跟配置资源的路径有关，打开项目根目录 `config` 文件夹下的 `index.js`，定位到 `build` 下的 `assetsPublicPath`（dev 下也有一个 `assetsPublicPath`，别搞错了），把 `assetsPublicPath: '/'` 修改为 `...
vue-cli如何快速构建vue项目
08-30
.gitignore 文件用于定义 git 上传需要忽略的文件格式。 index.html 文件是入口页面。 package.json 文件包含项目基本信息。 README.md 文件包含项目说明。 使用 Vue CLI 可以快速构建 Vue 项目，提供了灵活的...
从vue基础开始创建一个简单的增删改查的实例代码(推荐)
08-28
本文主要介绍了如何从 Vue 基础开始创建一个简单的增删改查的实例代码，包括安装 Vue-cli、创建webpack基础项目、安装 Element-UI 和 Axios 库、创建 Test/List.vue 页面等步骤。 一、安装 Vue-cli 首先，需要安装...
如何导入GitHub下的vue项目 并启动
dengxianji1647的博客
11-29 894
如何运行 下载的GitHub项目 一 准备工作： Node.js环境（npm包管理器） vue-cli 脚手架构建工具 cnpm npm的淘宝镜像 二 安装node.js 略 cmd 输入node -v 有版本号 则安装成功 三 npm包管理器 直接集成在node上的 cmd 输入 npm -v 有版本号 则安装成功 ...
如何将本地vue项目上传到github
热门推荐
卡卡西：一个擅长拷贝的前端程序员
03-22 1万+
将本地项目上传到github, 创建本地仓库--创建github仓库--关联仓库--上传成功
VScode上传Vue项目到GitHub上
Radom&7
01-16 3024
通过vue create “项目名” 生成的Vue项目默认是有.git文件夹的，但是没有指定上传的地址。 那么，我们想把Vue项目到GitHub上，该如何做呢？ 首先在自己的GitHub上新建一个仓库，复制仓库的地址，通过命令上传代码到GitHub上： PS F:\vue\MyApp> git remote add origin https://github.com/Linliuxing/...
vue环境配置以及用git上传本地项目到github上
qq_28121379的博客
09-08 1157
首先开发环境初始安装(需要npm的支持，如果嫌弃npm下载太慢的话，可以下一个淘宝提供的镜像文件cnpm) 安装过程下一步下一步...... 1、安装node.js，node.js安装包及源代码下载地址 ： https://nodejs.org/en/download/ 2、安装npm，由于新版的node.js已经集成了npm，所以npm也一并安装好了，可以输入“npm -v”和“nod...
vue项目自动打包提交代码到git
weixin_37753201的博客
04-01 998
没有发布机的情况下，生产环境每次上线打包都需要 本地dist在gitignore注释掉， 在执行打包命令， 再提交dist的代码到git上， 在把gitignore的dist修改回去 重复性工作很多。所以可以优化打包流程，从打包到自动提交git。 下载shelljs ，插件可以执行shell脚本，方便打包提交代码的git指令操作。(shelljs是异步执行的) package.json "build--prod": "node ../../handleDeployer.js production",
vue代码提交到github
小白成长记的博客
07-19 1030
vue 代码提交到github上，访问不了 这是config配置问题，进入config文件夹下，找到 index.js，修改其配置 build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: pa...
【GIT】git命令行代码提交流程及注意事项
weixin_43193667的博客
11-01 1700
记录一个前端小白的进阶之路，文章较为浅显，网前辈多多包涵和提出指导。
推荐一个基于vue用于做简单h5项目的git库
05-20
我推荐使用vue-cli创建H5项目，它提供了一个现代化的构建工具链，同时也提供了一些基础的模板和插件，可以让你快速搭建起一个简单的H5项目。你可以通过以下步骤来创建一个基于vue的简单H5项目： 1. 安装vue-cli ```bash npm install -g vue-cli ``` 2. 初始化项目 ```bash vue init webpack-simple my-project ``` 3. 安装依赖并启动项目 ```bash cd my-project npm install npm run dev ``` 这样就可以在浏览器中访问 http://localhost:8080 来查看你的H5页面了。如果需要更多的功能，可以在vue-cli的官网上寻找适合自己的模板。 另外，如果你想使用git进行版本控制，可以将项目上传到Github或者其他git托管服务上。在Github上创建一个空的仓库，然后将本地项目与远程仓库关联起来： 1. 在本地项目目录下运行以下命令： ```bash git init git remote add origin https://github.com/your-account/your-repo.git ``` 2. 添加和提交代码 ```bash git add . git commit -m "initial commit" ``` 3. 推送代码到远程仓库 ```bash git push -u origin master ``` 这样就可以将本地代码推送到远程仓库了。每次更新代码时，都可以使用git进行版本控制和管理。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值