浅谈Vue_04

Vue-cli脚手架

vue-cli

cnpm install -g @vue/cli
vue create myapp / vue ui

以上创建项目使用的 脚手架 3 的版本 ---- webpack 4

如果想要使用2的版本 ---- webpack3

npm install -g @vue/cli-init
vue init webpack myapp2

1. 分析项目目录结构

-node_modules    // 项目需要使用的依赖文件
-public  // 静态资源文件
-src    // 我们的主场
-tests // 测试
.browserslistrc // 浏览器版本的设置   使用最新的版本
.editorconfig // 编辑器的设置
.eslintrc.js // 代码格式校验
.gitignore // git的忽略文件
babel.config.js // babel配置文件
cypress.json // 测试的插件配置
package.json  // 项目的一个描述的文件
postcss.config.js // css的配置
README.md

2. src目录结构

-src
-assets // 静态资源的文件
-components // 项目中需要的组件
-views // 应用中的页面 （路由找页面，页面找组件）
App.vue // 总页面
main.js // 入口逻辑文件 --- 视图绑定到元素上
registerServiceWorker.js // 上线执行的一个文件
router.js // 路由
store.js // 状态管理器