项目起步,脚手架创建vue项目到仓库提交一条龙

  使用yarn,可在博客文件中下载。

  1、 yarn global add @vue/cli  安装vue脚手架

  2、vue --version 查看版本

  3、如果提示找不到vue 需配置环境变量  默认路径 C:\Users\Administrator\AppData\Local\Yarn\bin

 

   之后再次查看版本号,获取版本号在3.0以上之后就可以在npm或者cmd中输入 【vue create 项目名  /  winpty vue.cmd create 项目名 】创建vue项目,前者在cmd命令行中使用,后者为部分win10系统在git中无法启用方向键完成选择的兼容方法。

参数解释

 

  一步一步回车选择对应的规则,插件之后,一个项目就初始化完成了。

 

   之后就可以进入到文件内,执行npm run serve启动项目进行开发操作了。

 

 

 

  远程仓库初始化项目步骤:

  1、项目初始化:git init

  2、将目录下的所有文件上传,也可以将“.”换成具体的文件名:git add .

  3、提交到本地仓库:git commit -m "注释"  (  -a 为直接提交并推送)

  4、在新建的远程仓库中获取获取仓库地址,如果未建立本地凭证则需要先获取凭证,目前仓库代码管理github、gitee、腾讯工蜂还是gitlab获取仓库地址流程都一致。

 

  5、远程仓库项目关联:git remote add origin 4步骤中获取的地址

  6、代码推送: git push -u origin master

  空项目一般无需拉取,若是已存在内容的仓库建议拉取后推送:git pull origin master

  至此,一个新建立的项目就完成了前期准备工作了。

 

posted on 2022-04-07 19:55  泔茶先呐  阅读(55)  评论(0)    收藏  举报

导航