vue-脚手架入手

基本开发工作流程
1.下载vue的脚手架vue-cli
好兴奋
第一个脚手架项目进行中


这个可是生成项目的目录--里面包含项目目录和各种插件(例如webpack等)
vue init webpack Vue-Project,,,,,,,,,,截个图展示效果
 
vue-脚手架入手

npm下载真心慢
cnpm淘宝镜像用一下
下载的时候只要npm 改为cnpm就好了


npm install -g cnpm --registry=https://registry.npm.taobao.org
老是下不好,最后取消npm下载依赖,就好了,好恶心
启动项目 npm run dev
脚手架也就是这个玩意
最后就是打包的动作了 npm run build
今天下午对脚手架有了新的了解,
app.vue是应用组件,其他组件都要在这里显示操作
main.js是主文件入口,里面引用共用的脚本和样式
router文件夹--里面有个index.js文件里面有各个组件,没有声明显示哪一个组件,会默认显示第一个组件,当然有可以指定特定的组件显示
就这样就可以了:{
    path:'*',redirect:'/index'
  }
上面还是解释一下,path没啥,redirect就是指显示组件的路径
store文件夹--这里不用讲肯定是vuex的地方--状态管理器哈哈,现在不是很熟悉,现在的印象就是,子组件的信息可以统一放着现在的状态,当状态改变大家都知道,
vuex里面有state getter minuation action现在他们的区别还不是很明白,接下来的工作就是彻底明白vuex这几个属性的意义