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

再进入码云账号,看到:

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

原文地址:https://www.cnblogs.com/Ashe94/p/10551973.html