整理一点书签（关于vue）

Posted 2020-10-24 gary1122

那么开始吧  首先整理一下标签吧   总是百度找到一些好的文章  就存成书签   但是书签多了以后看不过来  也没有经常回顾

http://blog.csdn.net/FungLeo/article/details/77601270     配置axios  api  接口调用文件

https://segmentfault.com/p/1210000008583242/read?from=timeline    vue开源项目汇总

 

　　npm install -g vue-cli          安装完成后vue -V

　　vue init webpack vue-demo          用我们刚刚安装的 vue-cli 脚手架命令 vue ，初始化 init 一个以 webpack 为模板的名叫 vue-demo的项目

　　cd vue-demo

　　npm install

　　npm run dev

 

　　

初始文件解析

　　├── README.md                       // 项目说明文档
　　├── node_modules                    // 项目依赖包文件夹
　　├── build                           // 编译配置文件，一般不用管
　　│   ├── build.js
　　│   ├── check-versions.js
　　│   ├── dev-client.js
　　│   ├── dev-server.js
　　│   ├── utils.js
　　│   ├── vue-loader.conf.js
　　│   ├── webpack.base.conf.js
　　│   ├── webpack.dev.conf.js
　　│   └── webpack.prod.conf.js
　　├── config                         // 项目基本设置文件夹
　　│   ├── dev.env.js              // 开发配置文件
　　│   ├── index.js                  // 配置主文件
　　│   └── prod.env.js            // 编译配置文件
　　├── index.html                  // 项目入口文件
　　├── package-lock.json      // npm5 新增文件，优化性能
　　├── package.json              // 项目依赖包配置文件
　　├── src                               // 我们的项目的源码编写文件
　　│   ├── App.vue                 // APP入口文件
　　│   ├── assets                    // 初始项目资源目录，回头删掉
　　│   │   └── logo.png
　　│   ├── components         // 组件目录
　　│   │   └── Hello.vue         // 测试组件，回头删除
　　│   ├── main.js                  // 主配置文件
　　│   └── router                   // 路由配置文件夹
　　│       └── index.js             // 路由配置文件
　　└── static                          // 资源放置目录

 

         

src 目录

　   ├── App.vue　　 // APP入口文件

　   ├── api 　　// 接口调用工具文件夹

　　│     └── index.js 　　// 接口调用工具

　   ├── components 　　// 组件文件夹，目前为空

　   ├── config 　　// 项目配置文件夹

　　│     └── index.js 　　// 项目配置文件

　   ├── frame 　　// 子路由文件夹

　　│     └── frame.vue 　　// 默认子路由文件

　   ├── main.js 　　// 项目配置文件

　   ├── page 　　// 我们的页面组件文件夹

　　│    ├── content.vue 　　// 准备些 cnodejs 的内容页面

　　│    └── index.vue 　　// 准备些 cnodejs 的列表页面

　   ├── router 　　// 路由配置文件夹

　　│    └── index.js 　　// 路由配置文件

　   ├── style 　　// scss 样式存放目录

　　│    ├── base 　　// 基础样式存放目录

　　│    │   ├── _base.scss 　　// 基础样式文件

　　│    │   ├── _color.scss 　　// 项目颜色配置变量文件

　　│    │   ├── _mixin.scss 　　// scss 混入文件

　　│    │   └── _reset.scss 　　// 浏览器初始化文件

　　│    ├── scss 　　// 页面样式文件夹

　　│    │   ├── _content.scss 　　// 内容页面样式文件

　　│    │   └── _index.scss 　　// 列表样式文件

　　│    └── style.scss　　 // 主样式文件

　　└── utils 　　// 常用工具文件夹

        　　└── index.js 　　// 常用工具文件

 

static 目录

　　├── css // 放一些第三方的样式文件

　　├── font // 放字体图标文件

　　├── image // 放图片文件，如果是复杂项目，可以在这里面再分门别类

　　└── js // 放一些第三方的JS文件，如 jquery

 

 

　　关于代码规范  一般我都是选no要不写一步就报错  真的不习惯

• 缩进使用两个空格。
• 字符串使用单引号，用双引号只是为了避免转义单引号。
• 无未使用变量。这能帮助发现大量的错误。
• 不使用分号。这么做，没问题，真的！
• 行首不能是 ( ，[ 或 ` 。 
  关键字后面放一个空格。if (condition) { ... }
  • 这是省略分号时唯一陷阱—— standard 自动为你检查。
• 函数名字后面放一个空格。function name (arg) { ... }
• 始终用 ===，不要用 ==。不过可以用 obj == null 检测 null || undefined。
• 始终处理 node.js 回调的 err 参数。
• 始终以 window 引用浏览器的全局变量。 document 和 navigator 除外。 
• 这是为了防止使用浏览器那些命名糟糕的全局变量，比如 open, length, event 和 name。

 

 

 

 

1. vue.js 核心
2. VueRouter2 实现路由组织工具。
3. webpack 项目打包以及编译工具。
4. nodejs 前端开发环境。
5. npm 前端包管理器。
6. axios ajax 接口请求工具。
7. sass-loader 和 node-sass css 预处理。
8. element 基于 vue 的后台组件库。
9. iview 基于 vue 的另一套后台组件库。
10. vue-cli vue 项目脚手架。一键安装 vue 全家桶的工具。