zoukankan      html  css  js  c++  java
  • vue小项目总结与笔记【一】——准备工作,安装node.js、git、打包vue项目、上传代码等

    这是第一个vue的小项目,怕忘记了,把大致流程记录下来给自己看,以后熟悉了就好啦!

    打开node.js官网,下载安装包,一般选择LTS稳定版本

    然后傻瓜式安装就可以(“下一步”);

    安装完成,打开cmd,输入node -v,回车,出现版本号就是安装成功了。

    再查看包管理工具是否安装成功,输入npm -v,回车:

    出现版本号即安装成功。

    要使代码与线上关联,需要本地安装git。安装git也很简单,进入git官网下载安装即可:

    同样,安装完成后,在cmd命令窗口执行git --version,出现版本号,说明安装成功。

    本地仓库与线上仓库关联,需要设置公钥。

    https://gitee.com/help/articles/4181#article-header0

    这是码云(gitee)官方给的方法,windows系统右键进入git bash执行就好。

    线上代码的复制:

    打开自己码云账号上的项目,点击克隆/下载,选择ssh模式下的:

    复制,进入git bash,切换到桌面,执行git clone + 你复制的地址

    git clone git@gitee.com:xxxxxxx/Travel.git

    这时候就把线上的文件夹复制到本地了。

    安装vue脚手架:

    全局安装:

    npm install --global vue-cli

    构建一个基于webpack模板的新项目,可以这样

    vue init webpack project(项目名)

    之后会陆续出现一些让你填的项目信息,这里我放一张别人的图供参考:

    创建完成,通过cd进入项目文件夹,执行

    npm run dev

    会进行自动化打包

    访问这个网址,如果出现这样的:

    就说明这个小demo已经创建好了。

    上传代码到码云:

    打开cmd

    添加文件夹下的所有文件

    git add .

    用命令 git commit告诉Git,把文件提交到仓库。引号内为提交说明

    git commit -m "这是注释"

    提交

    git push

    如果后面创建了分支,切换到某分支命令为git checkout 分支名字,在这之前要先执行git pull(git pull 相当于是从远程获取最新版本并merge到本地)

    git pull
    git checkout 分支名

    开发的时候就在分支下开发,最后提交也是按照上面的流程,但是要加一步,把分支合并到总分支上(一般是master),要先切换到总分支

    git checkout master

    合并某分支到master上

    git merge 某分支

    最后再git push一次

    git push

    再进入码云账号,看到:

    这样,就说明本地代码上传成功了。

  • 相关阅读:
    揭秘数字行为:快速地多次点击
    MySQL事务在MGR中的漫游记—路线图
    如何成为一名获客专家?
    10分钟快速构建汽车零售看板
    聊一聊整车厂的那些事——售后配件业务
    网易云易盾牵手百视通 助力广电领域新媒体内容安全
    人工智能热门图书(深度学习、TensorFlow)免费送!
    dubbo异步调用原理 (1)
    dubbo事件通知机制 (2)
    dubbo事件通知机制(1)
  • 原文地址:https://www.cnblogs.com/Ashe94/p/10551973.html
Copyright © 2011-2022 走看看