【前端】Vue项目开发流程

original_

于 2022-08-15 00:02:37 发布

阅读量708

点赞数

分类专栏：前端文章标签：前端

本文链接：https://blog.youkuaiyun.com/original_/article/details/126338670

版权

这篇博客详细介绍了Vue项目的初始化过程，包括Vue脚手架的安装、项目创建、路由配置、Element-UI与axios的集成，以及如何将项目托管到Git远程仓库如Github或码云。在项目开发阶段，讨论了工作区状态的查看、分支管理、项目启动以及编码提交的流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目初始化

安装Vue 脚手架
npm install -g @vue/cli
通过Vue脚手架创建项目
vue ui

i.创建-选择路径;
ii.输入项目名称-git初始化信息;
iii.预设（手动：Babel,Router,Linter/Formatter,使用配置文件）;
iv.ESLint+Standard config-Lint on save;
v.保存预设，创建项目

配置Vue路由
配置Element-UI组件库

i.插件-添加插件（vue-cli-plugin-element）
ii.配置插件:import on demand

配置axios库

i.依赖-安装依赖（运行依赖：axios）

初始化git远程仓库

i.创建码云账号
ii.配置ssh公钥

将本地项目托管到Github或码云

i.码云新建仓库

ii.本地进行全局设置
git config --global user.name "xxx"
git config --global user.email "xxx@xxx.com"

iii.添加远程仓库
git remote add origin git@gitee.com:xxx/xxx.git

iv.本地代码上传远程仓库
git add

最低0.47元/天解锁文章