一分钟理清Vue-cli 代码构建步骤
admin
2023-07-29 10:42:07
0次
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最后是要渲染到这里的。并定义最外层容器，比如”app”>
相关内容
热门资讯
哈梅内伊葬礼开始：6000个喷...
当地时间7月4日，伊朗已故最高领袖哈梅内伊为期六天的葬礼在伊朗首都德黑兰开始。祈祷大厅在4日清晨6点...
日元狂跌！巨额汇市干预失败，日...
周四，日元兑美元汇率突然跳涨。据财联社，日本财务省在被问及日元突然飙升一事时拒绝置评。此前，知情人士...
特朗普赦免11人
【环球网报道 记者 索炎琦】据路透社、美联社报道，白宫方面称，美国总统特朗普当地时间周五（3日）赦免...
赖清德当众吃狗粮，郭正亮：他是...
赖清德昨天（3日）出席台北宠物用品展开幕典礼，顺便替家中两只宠物狗采购用品，期间有业者声称自家肉干无...
美大使：好失望，你们在中国肯定...
【文/观察者网 冯雪】据路透社7月3日报道，美国新任驻新西兰及多个太平洋岛国大使表示，确保获取库克群...
投资4000万游乐园被拆，原为...
▲游乐园已经变成一片废墟今年5月，贵州省毕节市七星关区政府项目公司被一游乐园投资方告上法庭。红星新闻...
欧洲人快热到裸奔了
最近有关欧洲气温的话题热度，都快赶上世界杯了，全球都在争论不休。无他。这个夏天，欧洲已经热疯了。法国...
免砸砖漏水维修电话
免砸砖漏水维修电话西安漏水维修电话【4000800692】，壁挂灶维修，地暖清洗，公司注册资本为30...
平板电脑变砖怎么办
当平板电脑变成砖头后，会发生如下情形：无法开机、黑屏、进入不了系统等问题。这时候，需要像一名修建筑工...
抛光砖和抛釉砖哪个更好，抛光砖...
抛光砖和抛釉砖是常见的瓷砖装饰材料，本文比较了它们的优缺点，并介绍了抛光砖的防滑处理方法。 抛...