vue 配置初始化 各文件夹的使用习惯 vue的使用习惯配置，eslint 校验功能关闭

Vue一cli脚手架初始化项目。

node + webpack + 淘宝镜像

1. node + modules件夹：项目依赖文件夹

2. public文件夹:一般放置一些静态资源入图片，需要注意的是放在public文件夹中的静态资源，webpack会原封不动的进行打包到dist文件夹中。

3. src文件夹程序员源代码文件夹。
   assets文件夹:一般也是放置静态资源，(一般放置多个组件共用的静态资源)。需要注意放置在assets文件夹里的静态资源，在webpack打包的时候会，会把静态资源当成一个模块打包到js文件里面。
   components文件夹:一般放置的是非路由组件。
   App.vue唯一的根组件 （vue 的组件都是 .vue后缀。）
   main.js :是程序入口文件,也是整个程序当中最优先执行的文件。
   gitignore :少碰

4. babel.config.js:配置文件。

5. package.json文件：记录项目的所有信息。

6. package-lock.json文件：缓存类的文件。

7. README.md：说明性的文件。

配置vue的环境

1、项目运行起来时候，浏览器自动打开。
package.json // 在 serve后面添加 – open。

  	  "scripts": {
  			    "serve": "vue-cli-service serve --open",
  			    "build": "vue-cli-service build"
  			  },

2、eslint 校验功能关闭。
eslint :申明变量，但是没有使用。eslint 校验工具会报错
-----在根目录下创建一个vue.config.js，

module.exports = defineConfig({
lintOnSave: flase // 添加这个就可以了关闭这个功能
})

3、src文件夹简写方法。配置别名@
jsconfig.json 配置别名@提示

{
“compilerOptions”: {
“target”: “es5”,
“module”: “esnext”,
“baseUrl”: “./”,
“moduleResolution”: “node”,
“paths”: {
“@/": [
"src/”
]
},
// 不能在 node_modules 、dist文件夹里使用
“exclud”：[
“node_modules”,
“dist”
],
“lib”: [
“esnext”,
“dom”,
“dom.iterable”,
“scripthost”
]
}
}