使用 @vue/cli 初始化一个Vue项目

现在一起来学习如何初始化一个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将近半小时，才把整个项目真正弄完，下面贴上修改后的文件树：

1. assets ：存放静态文件，如iconfont、css、js等
2. components：这里忘记看不到里面的home文件夹，实际上header组件存放在home中。这样做的目的是可以最大限度将组件也抽离出来
3. router：和components一一对应。里面的index.js是将整个router的大组件全都配置好。
4. store：现在用不到，根据里面初始化的代码来看，是有关vuex的。以后在深入学习
5. 至此 大功告成！

 

需要体会解耦才能懂