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 // 状态管理器
