Vue项目开发

9 篇文章 0 订阅

1 项目创建和Git托管

1.1 项目创建

使用Vue CLI3创建项目:
npm create supermall
暂时先选择最简单的配置,有啥需要的这里是配置啥来着 ,以后再添加。
npm run serve语句,启动本地服务器。
在这里插入图片描述
新建仓库
在这里插入图片描述
复制https链接
在这里插入图片描述
终端输入命令git clone '复制的链接’
在这里插入图片描述
将除了.git(联系本地和远程git的文件)和node_modules(被忽略)以外的文件移至克隆的目录下。
在这里插入图片描述
绿色表示:不在代码管理之下。
在这里插入图片描述
1.cd supermall,进入目录下
2.git status命令,可以发现全部是红色的。
在这里插入图片描述
3.git add .,将所有的文件添加
在这里插入图片描述

4.git commit -m '初始化项目',提交到本地

在这里插入图片描述
5.git push,提交到服务器

这里

或者,不想使用复制文件到仓库的方式,也可以
1.创建空仓库(啥也不要选)
2.用git remote add origin 仓库地址
3.git push -u origin master
在这里插入图片描述

1.2 划分目录结构

1.删除多余的文件和内容
在这里插入图片描述
删掉app.vue文件中相关的引用部分。
在这里插入图片描述
新增几个文件夹

  • assets文件夹:添加资源类文件
    • css文件夹:放css文件
    • img:放图片
  • commen文件夹:放公用的变量

在这里插入图片描述

1.3 vue.config.js配置

配置别名:
在这里插入图片描述
可以通过this.$routerthis.$store来得到对应的对象。并且引用的地方只有一个。故,不用写别名。

1.4 tabbar引入和模块划分

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值