vue cli (脚手架):
vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目
常用dos命令
cd -打开文件夹
dir -查看文件夹内容
md -创建新的文件夹
cd.. -返回上一级文件
环境配置:
命令:cnpm install -g vue-cli
vue -V 查看版本号
cnpm install -gd vue-cli
创建 vue-cli项目:
vue init webpack projectName (工程名小写可以加数字)
eslins:代码规范(大型项目中可能用到)
----------------------------------------------------------------------------------------------------------------------------------------
路由:
嵌套路由子路由:children[{},{}] 上一级还会显示
非子路由:会直接到下一级
这三个参数 to 、from 、next 分别的作用:
1、to: Route,代表要进入的目标,它是一个路由对象;
2、from: Route,代表当前正要离开的路由,同样也是一个路由对象;
3、next: Function,这是一个必须需要调用的方法,而具体的执行效果则依赖 next 方法调用的参数;
在vue-router路由对象中,路由有两种模式:
hash(哈西)和history,而默认的是hash模式.
常用:history(去掉url#)mode: 'history',
单独安装插件:
cnpm install eslint -S(生产)package.json /*dependencies 生产
cnpm install eslint -save-dev(开发)package.jsondevDependencies 开发
卸载:cnpm uninstall eslint --S
怎么导入vue-cli项目:
注意⚠️:版本问题