记录学习前端项目的配置_01

258 阅读1分钟

配置gitee

懒加载
短信验证码 | 登录
Vuex拆分
登录地址管理
订单管理
购物车管理
router
路由跳转
导航守卫
支付 分享

克隆代码 在master创建develop分支 提交到远程仓库
git push --set-upstream origin <分支名称>
git push --set-upstream origin develop
查看远程仓库的分支
git branch -r

develop分支创建功能分支 初始化
创建功能 策略 bug分支
git branch feature/home
git checkout feature/home
git push --set-upstream origin feature/home
初始化一个项目
在项目里面安装express
express --view=ejs server

指定分支克隆代码
git clone -b 分支名称地址

是在远程的dev分支下,但是上传代码在某一个分支上
dev 分支下看一下日志
git log
**记录hash:tgnjmbkjh 2、远程分支拉到本地仓库
git checkout --track origin/feature/home
通过哈希拉取到本地

一、路径上的配置

	vue.config.js 配置了@代表src目录

代码:

	let path = require("path");
	module.exports = {
		configureWebpack: (config) => {
	    	config.resolve = { 
	      		extensions: ['.js''.json''.vue'],
	      		alias: {
	       	 		'@'path.resolve(__dirname, './src'),
	      		}
	    	}
	  	}
	}
            
         "dependencies": {
"core-js": "^3.8.3",
"vue": "^2.6.14",
"vue-router": "^3.5.4",
"vuex": "^3.6.2"

},

配置调试自动打开

 "scripts": {
    "serve": "vue-cli-service serve --open",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },

二、定义tabbar

跳转this.$router.xxx  

判断:如果是当前路由切换,就不跳转(return)

三、目录分配

views 		===》 页面
components  ===》页面中的组件(模块)

四、头部topbar切换插件

4.1 下载插件

	npm install ly-tab -S
	
4.2 引入插件

	import LyTab from 'ly-tab'
	Vue.use(LyTab)