现在一起来学习如何初始化一个Vue项目
1.现在一般都会同步到github。所以首先在github新建一个仓库
2.然后将线上的仓库clone至本地。最好选择ssh
3.进给希望保存代码的路径，然后git bash here。
4.执行命令：
git clone "复制的ssh地址"
5.安装脚手架工具
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install -g @vue/cli
6.现在的脚手架已经比vue-cli要高级多了，推荐使用vue ui命令打开可视化矿口进行创建项目并且管理
7.大功告成~
在对比vue-cli将近半小时，才把整个项目真正弄完，下面贴上修改后的文件树：
- assets ：存放静态文件，如iconfont、css、js等
- components：这里忘记看不到里面的home文件夹，实际上header组件存放在home中。这样做的目的是可以最大限度将组件也抽离出来
- router：和components一一对应。里面的index.js是将整个router的大组件全都配置好。
- store：现在用不到，根据里面初始化的代码来看，是有关vuex的。以后在深入学习
- 至此 大功告成！
需要体会解耦才能懂
网友评论