安装cnpm -g为全局
 
npm install cnpm -g
 
sudo cnpm install vue-cli -g
 
vue list
 
手动创建vue 项目
 
vue init webpack myvue
cd myvue
# 安装依赖
npm install
 
 
启动
 
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
 
webpack使用
 
WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。
 
webpack入门
 
sudo npm install webpack -g
sudo npm install webpack-cli -g
 
vue-router
 
npm命令
 
 
Element-UI
 
路由嵌套
 
 
参数传递及重定向
 
通过前端定义属性传递
 
 路由接受传递的参数  所有的元素不能在根节点下 
 
props 传递参数
 
前端页面不需要改变,接口设置 props = true
 
 
 
重定向
 
 
 
404与请求钩子