四. 设置路径别名
最后打开我们的 App.vue 文件。
这种引入的方式太不优雅了，我想你也见过别人设置 @ 来作为 src ，比如下面。
其实这个是很简单的一个设置，下面我来教你如何设置。
我们打开 vite.config.js 文件。
你如果懂一点 node.js 的话，可能会知道 path 身上的一些方法，也自认懂这些写法。
然后我们去 App.vue 去尝试一下。
然后看一网页效果：
没报错，看来我们的思路是没问题的。
但是不要把这个当成很什么高深莫测的写法，你这样写是当你想引入 src 目录下的文件时，你 import
你也可以这样，引入 src/components 目录下的文件时，直接 from "#/xxx.vue" 来引入。
如下所示:
五. 将代码托管 GitHub
首先我们选择使用 git 来托管，就要在项目里先使用 git init 来将 git 引入到我们的这个仓库里。
接下来打开 github，点击创建仓库。
填写你的仓库名字之类的，填写完成以后点击下方的 Create repository。
然后会来到这个页面，我们复制下面这行代码。
终端执行这行代码，将我们本地仓库和 github 远程仓库联系起来。
执行完毕，使用 git remote -v 可以看到你本地仓库的上游已经变为刚刚我们远程仓库的地址了。
最后执行 git push --set-upstream origin master ，这样就把你当起的分支，也就是把本地的 master 分支和远程仓库的 master 关联起来。
后面的 git add,git commit,git push 就不过多重复了。当你提交了你的代码后，你的代码仓库页面就会变成这样样子。
如果这时候你想切换分支。你可以执行 git checkout -b dev 。
当你 git push 的时候，你会发现和刚刚一模一样的命令提示。
假如你回头看一下你的 github 仓库，你会发现其实远程并没有一个叫 dev 的仓库，那你 push 的时候，git 其实不知道你想往哪里推。
然后你执行相同的命令 git push --set-upstream origin dev 即可。
回过头看一下远程仓库，果然多了一个 dev 分支。
至此你已经完成了的个人仓库代码托管和前置工作。
结语
在实际项目中初始化代码仓库大概流程就是这些，希望你能学到一些知识。🎁
