vue的相关介绍及其配置

1.什么是vue
渐进式的JavaScript框架
2.什么是库和框架
库: 封装的属性或方法 (例jquery.js)
框架: 拥有自己的规则和元素, 比库强大的多 (例vue.js)
3.@vue/cli脚手架
3.1下载依赖包
yarn global add @vue/cli 或者 npm install -g @vue/cli
3.2@vue/cli 创建项目启动服务
1.创建项目
#vue和create是命令, vuecli-demo是文件夹名
vue create vuecli-demo
2.选择模板
选择 Vue2
3.等待下载 打开新文件
cd vuecli-demo
4.运行服务器
yarn serve
5.主要文件及其含义
node_modules下都是下载的第三方包
public/index.html – 浏览器运行的网页
src/main.js – webpack打包的入口文件
src/App.vue – vue项目入口页面
package.json – 依赖包列表文件
6._@vue/cli 自定义配置
src并列处新建vue.config.js
/* 覆盖webpack的配置 */
module.exports = {
devServer: { // 自定义服务配置
open: true, // 自动打开浏览器
port: 3000
}
}
7._eslint 一个检查代码的工具
module.exports={
lintOnSave：fales
}
可以关闭 eslint