VUE项目学习——01开发vue项目预备知识学习（待补充）

1.创建项目注意事项

• • 建议使用脚手架创建一个完整的工程化项目
  • create项目时，命令行中不要包含中文和大写
  • 新项目要先看package.json文件看配置
  • 搭建脚手架需要创建config配置文件配置脚手架
  • eslint：是一个用来检测代码的检测工具，避免低级错误和同意代码风格，可以在package配置文件中的eslintConfig中找到eslint的配置信息

2.新项目一定要注意的文件：

• • Main.js是项目的入口文件
  • Package.json是项目的配置文件
  • Vue-config.js是项目脚手架的配置文件

3.vue项目的目录结构：

• config：vue基本配置文件，可以设置监听端口，打包输出
• Node_modules:运行项目下载的依赖包
• src：存放源码，开发的项目文件存放
  • component：存放公共组件
  • filters：过滤器
  • routers：路由配置
  • services：服务，统一管理XHR请求
  • Utils:工具类
  • views：页面组件
  • App.vue:根组件
  • Main.js:入口文件
• Index.html:主页，打开网页后最先访问页面
• static：放无需有webpack处理的静态文件，图片
• package：项目的配置信息，启动方式之类

ps

疑点：index.html中的appid和app.vue中的appid，关键字容器