一分钟理清Vue-cli 代码构建步骤。
2018-06-24 01:32:04来源：未知 阅读 ()
1、
$ npm install vue -cli -g $ vue init webpack project-name $ cd project-name $ npm install $ npm run dev
2、打开项目文件夹，开发目录主要为src, assets下存放想要放置的图片，commponents下存放自己写好的组件，组件之间相互调用；src下同样可以创建自定义文件夹，用来存放图片、路由、配置、样式等
3、App.vue是所有vue组件的老大，即主组件，所有组件通过互相调用有了联系，最外层的组件导入到App.vue中之后，并输出，该组件里写html页面整体的样式，如html/body/#app等。
4、各个组件单独写自己所涉及的样式及js
5、main.js为所有项目打包的js的入口文件，这里要引用所有主要的东西：
Vue
App
vue-resource
vue-router
vuex
并注册相应实例或创建相应的实例
6、配置paskage.json和webpack/babel等
7、根目录下的index.html是html的主文件，即主要的html框架写在这里,所有的js最后是要渲染到这里的。并定义最外层容器，比如<div id=”app”></div>
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
上一篇：CSS中的onmouseover和hover有什么区别
下一篇：css之盒子模型
- 在用vue-cli4创建的vue2.x项目中通过vue-fontawesome使用fon 2020-01-11
- vue脚手架（vue-cli）老版本（2.xx版）的使用 2019-08-26
- Vue2.0 --- vue-cli脚手架中全局引入JQ 2018-06-24
- vue-cli启动本地服务，局域网下通过ip访问不到的原因 2018-06-24
- 一分钟教你如何实现唯美的文字描边 2018-06-24
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
