1、

$ npm install vue -cli -g

$ vue init webpack project-name

$ cd project-name

$ npm install

$ npm run dev

② 、打开项目文件夹,开发目录首要为src,
assets下存放想要放置的图片,commponents下存放本身写好的零部件,组件之间相互调用;src下一致能够成立自定义文件夹,用来存放在图片、路由、配置、样式等

三 、App.vue是具备vue组件的老大,即主组件,全部组件通过互动调用有了牵连,最外层的机件导入到App.vue中之后,并出口,该零件里写html页面全部的体制,如html/body/#app等。

四 、各类零部件单独写本身所提到的体裁及js

伍 、main.js为拥有类型打包的js的进口文件,那里要引用全部重要的事物:

   Vue

   App

   vue-resource

   vue-router

   vuex

  并登记相应实例或创办相应的实例

6、配置paskage.json和webpack/babel等

七 、根目录下的index.html是html的主文件,即重点的html框架写在那边,全体的js最终是要渲染到此地的。并定义最外层容器,比如<div id=”app”></div>

相关文章

网站地图xml地图