高亮 插件 vetur 可以让代码高亮
.vue 结尾的是单文件组件 三部分组成
- 模板 写html结构
- js 写逻辑 数据等
导出 可以 默认导出 export default 最常用
分别导出 export { name }
统一导出 export { }
3.样式 css样式
单文件组件 如何运行 :
1. 使用webpack
2. 使用 vue-cli 脚手架
全局安装 脚手架
npm install -g @vue/cli 没有指定版本默认安装的是最新版本
查看 脚手架版本 vue --version 或者 vue -V
vue 目前使用版本 vue2 vue3
vue/cli 目前最新版本 5.0.4
注意： 安装时 要先配置下 淘宝镜像 如果卡顿可以按下回车
使用脚手架 创建 vue项目 注意下你的项目路径
vue create 项目名
1. 默认版本时 vue3 项目
2. 也可以自定义项目配置
运行项目 ：
1. 打开创建的文件目录
2. 运行 npm run serve
运行成功后 http://localhost:8080/ 打开网页
局域网内也可以访问: http://192.168.43.15:8080/
