vue-cli学习笔记
2020-03-18 本文已影响0人
杨闯
感觉不错的书籍：《vue.js 权威指南》
安装
npm install -g vue-cli
如果安装不成功，可以使用yarn来进行安装
yarn global add vue-cli
安装成功验证：
vue -V
创建项目
使用vue-cli快速生成基于Webpack构建的项目
vue init webpack test
安装依赖：
npm install
文件结构
| 一级目录 | 二级目录 |
|---|---|
| build：构建脚本目录 | |
| config：构建配置目录 | |
| node_modules：依赖的node工具包目录 | |
| src：源码目录 | assets： 资源目录 |
| components：组件目录 | |
| App.vue 页面级vue组件 | |
| main.js 页面入口js文件 | |
| router/index.js 路由规则写在这里 | |
| static：静态文件目录 | |
| test：测试文件目录 | |
| index.html：入口页面 | |
| .eslintrc.js：ES语法检查配置 | |
| package.js：项目描述文件 |
执行
npm run dev
备注
因为vue-vcli中有eslint，所以一些错误可能不是真正的错误，也有可能是因为你缺少一个空格等原因导致。
