Vue之初始化一个vue项目

桃扇骨 2023-07-07 08:20 8阅读 0赞

## Vue之初始化一个vue项目 ##

以防忘记需要重新查资料创建，在这里简略的记一记

1、node.js官网下载安装node.js  
[https://nodejs.org/zh-cn/][https_nodejs.org_zh-cn]  
下载好之后cmd运行一下node -v查看版本，如果提示不是内部命令，需要配置环境变量  
执行一下npm -v命令，下载nodejs的时候会给你顺便下载npm

2、码云网站注册一个账号，创建一个代码仓库（或者使用gitHub，[https://github.com/mao-git-web/Travel][https_github.com_mao-git-web_Travel]）  
[https://gitee.com/mao\_hong\_mei/projects][https_gitee.com_mao_hong_mei_projects]，现在我使用gitHub，使用的时候需要配置C:\\Windows\\System32\\drivers\\etc下的host文件[https://jingyan.baidu.com/article/ea24bc397265049a62b331d7.html][https_jingyan.baidu.com_article_ea24bc397265049a62b331d7.html]

3、下载git，使用git进行代码的上传  
[https://git-scm.com/][https_git-scm.com]

4、在git上进行公钥的设置  
[https://www.jianshu.com/p/464a3373d15c][https_www.jianshu.com_p_464a3373d15c]

这里需要注意的是 添加公钥的时候需要在这个地方添加，不能直接写在添加公钥下面  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hbzg3MTg2MzIyNA_size_16_color_FFFFFF_t_70]  
5、将线上仓库的代码git clone到本地

6、创建一个vue项目，打开vue官网安装部分，在vscode的终端按照下面的命令进行  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hbzg3MTg2MzIyNA_size_16_color_FFFFFF_t_70 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hbzg3MTg2MzIyNA_size_16_color_FFFFFF_t_70 2]

7、使用git命令上传代码到码云线上  
以下提供几个经常用的git命令：  
git status 查看代码状态  
git checkout -b xxx创建一个分支名  
git add . 所有修改部分准备上传  
git commit -m “描述” 上传代码到缓冲区  
git push origin 主干分支名 上传代码到线上

还有几个回退以及解决冲突的命令后面用到的时候补充

[https_nodejs.org_zh-cn]: https://nodejs.org/zh-cn/
[https_github.com_mao-git-web_Travel]: https://github.com/mao-git-web/Travel
[https_gitee.com_mao_hong_mei_projects]: https://gitee.com/mao_hong_mei/projects
[https_jingyan.baidu.com_article_ea24bc397265049a62b331d7.html]: https://jingyan.baidu.com/article/ea24bc397265049a62b331d7.html
[https_git-scm.com]: https://git-scm.com/
[https_www.jianshu.com_p_464a3373d15c]: https://www.jianshu.com/p/464a3373d15c
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hbzg3MTg2MzIyNA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/202002212209558.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hbzg3MTg2MzIyNA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hbzg3MTg2MzIyNA_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200221221331976.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hbzg3MTg2MzIyNA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hbzg3MTg2MzIyNA_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200221221553110.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hbzg3MTg2MzIyNA==,size_16,color_FFFFFF,t_70