现在一起来学习如何初始化一个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的。以后在深入学习
- 至此 大功告成!
![5489379-de3a3d536a503543.png](https://i-blog.csdnimg.cn/blog_migrate/8c0131d592753916a86596daa04178d0.png)
需要体会解耦才能懂