8.新建项目 vue init webpack 《项目名称》
Project name 《》 项目名称(不能包含大写字母)
install vue-router (是否安装对象路由) 建议选择y
Use ESLint to lint your code (会对代码进行检测是否规范,不规范会警告。若不希望警告选择n)
9.进入项目目录后 启动项目 npm run dev
项目目录介绍:
build:webpack编译对应的一些配置文件
config:整个项目的核心配置文件 非常重要
node_modules: 整个项目所有的依赖模块
src:整个项目开发模块 非常重要
main.js :表示入口文件
app.vue: 相当于一个组件,入口组件
router:路由
components:各种.vue组件
assets: 对应的静态资源(图片,字体,css)
static:纯静态文件
.babelrc 转码器 ES6、ES7 转换成浏览器识别的ES5代码
.editorconfig
.eslintignore
.eslintrc.js
.gitignore
.postcssrc.js
index.html
package.json 记载当前所需要的全部依赖 重要
package-lock.json
README.md 介绍项目、描述
10.安装第三方插件 cnmp install * --save-dev
11.关键字
components
methods 方法写入
mounted 生命周期