vscode安装git及项⽬开发过程
项⽬开发
项⽬创建和github托管
1.下载
<完后，打开vscode，⽂件->⾸选项->设置->⽤户配置下加上git安装路径下的Git⽂件夹下的cmd的
3.去github上注册⼀个账号，并且创建⼀个新项⽬，写个项⽬名称其他默认就好了
4.重启vscode，就可以使⽤git clone ，⽐如
git clone github/cnhkkat/vuedemomall.git
然后vscode上就会出现这个⽂件夹因为这个项⽬是空的所以只有⼀个license
现在默认的vue cli 是 4.0.5 版本后续发现有些问题解决不了
⽐如 "export ‘default' (imported as ‘Vue') was not found in ‘vue'
类似的，可以解决终端不报错，但是⽹页打开还是说 cannot find 。。。。。
所以为了完成这个项⽬
还是回退到3的版本
所以先
npm install -g @vue/cli@3.0.4
5.然后再⽤vue create supermall 创建⼀个项⽬
6.然后在supermall的终端下
先进⾏git init ⽣成.git ⽂件夹
git init
然后这时候有的⽂件夹就会变红如下
⽤git status 查看
根据提⽰⽤ git add . 添加所有的 .⽂件
再次查看变绿了
因为装完git 没配置所以在这⾥配置下全局默认ID
git config --ail "you@example"html5开发示例
git config --global user.name "Your Name"
然后接着
git commit -m '初始化项⽬'
git remote add origin github/cnhkkat/vuedemomall.git git push -u origin master
他会跳出登录github 登录就可以了
push 到master⾥了
所以在master⾥view code就能看到了
划分⽬录结构
新建⼀些⽂件夹
assets 放资源样式⽐如 img css ⽽css⽂件下 normalize.css 初始化基础样式
common 是公共的⽐如⼀些js代码
components 放组件再分成common⽂件夹和content⽂件夹 content主要是业务相关的代码⽐如MainTabBar 需要经常更改代码的
network 放⽹络相关
router 放路由
store 放vuex
views 放视图⽐如说我的/分类/购物车/⾸页