为什么学脚手架
开箱即用
webpack 零配置
脚手架是什么
是 Vue 官方提供的一套基于 webpack 的开发环境
脚手架使用流程
1. 安装全局包
yarn global add @vue/cli
npm i @vue/cli -g
2. 得到一个 vue 命令, 检查是否安装成功
vue --version
3. 创建项目
vue create 项目名
项目名不能是中文 / 特殊字符 / 大写 / 关键字(包名重名)
选择 Vue 2 版本
4. 进入到项目中启动项目
cd 项目名
yarn serve
修改脚手架的 webpack 配置
vue.config.js
脚手架工程的各文件含义
public/index.html
运行的网页, 静态页面, 将来 Vue 打包就会放在这里运行
src/main.js
项目的入口
src/App.vue
根组件
单 Vue 文件
一个 vue 文件就是一个组件
template
写 html 的地方
script
写 js 的地方
style
写 css 的地方
写 less
<style lang="less">
装包
yarn add less less-loader -D
vue脚手架基础
最新推荐文章于 2024-09-10 20:26:21 发布