首页 / VUE / VUE.js快速入门（vue-cli）
VUE.js快速入门（vue-cli）
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了VUE.js快速入门（vue-cli），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含983字，纯文字阅读大概需要2分钟。
内容图文
使用vue.js开发一个音乐播放平台，兼容手机端
目的是联系vue和记录下开发过程
之前已经安装好node.js只需要使用它的包管理工具npm
安装webpack打包工具和vue-cli脚手架
安装webpack
npm install webpack -g
安装vue-cli
npm install --global vue-cli
这时候webpack和vue-cli都安装好了，可以初始化工程了
vue init webpack music
├── public // 项目公共文件夹
│ └── favicon.ico // 项目配置文件
│ └── index.html // 项目入口文件
├── src // 我们的项目的源码编写文件
│ ├── assets // 基础样式存放目录
│ │ └── logo.png // 基础图片文件
│ ├── components // 组件存放目录
│ │ └── HelloWorld.vue // helloworld组件
│ ├── views // view存放目录
│ │ ├── About.vue //about 页面
│ │ └── Home.vue //Home 页面
│ └── App.vue // App入口文件
│ └── main.js // 主配置文件
│ └── router.js // 路由配置文件
│ └── store.js // Vuex store配置文件
├── tests // 测试文件夹
│ ├── unit // 单元测试
│ │ ├── .eslintrc // 基础图片文件
│ │ └── HelloWorld.spec.js
└── babel.config.js // babel 配置文件
└── package.json // 项目依赖包配置文件
└── package-lock.json // npm5 新增文件，优化性能
└── postcss.config.js //
└── README.md // 说明文档
npm run dev
开发流程：
添加组件在文件components中
修改路由文件，修改home在"/"下
原文：https://www.cnblogs.com/liuyang95/p/12996988.html
内容总结
以上是互联网集市为您收集整理的VUE.js快速入门（vue-cli）全部内容，希望文章能够帮你解决VUE.js快速入门（vue-cli）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。