常用创建项目指令
创建Vue项目命令
1.安装vue-cli
npm install -g @vue/cli
2.创建vuex项目名
vue create 项目名称
3.手动选择
快速创建packageJson
给项目配置路由
安装路由
npm i vue-router@3.5.2 -S
配置路由
创建项目整体流程
创建黑马头条vue项目
vue create demo-toutiao
配置选择
项目搭建
根组件配置
路由配置
第三方组件库安装
Vant组件库安装
1.官方文档
黑马头条项目文档说明(后期优化)
15. 打包发布 | 黑马头条 - 移动端 (liulongbin.top)
2.安装
npm i vant@latest-v2
3.导入组件
4.创建组件
Home组件
User组件
tabbar配置
参考官方文档进行配置
定义路由规则
个人中心
配置复制案例.md中的个人中心
navbar配置
默认是false时可使用 fixed 简写形式 ===== :fixed=”true”
配置接口
安装接口相应的包
npm i axios -S
配置接口
1.封装
注意事项:
1.命名引起的报错
lintOnSave: false
/deep/用来覆盖第三方组件库的样式
但是有点问题
3.设置规则
4.装包时出现此类问题
解决方案:清除缓存npm cache clear --force之后再重新安装依赖npm install
5.接口请求过程
6.git
git pull –rebase origin master
git push origin master









































