1.spa项目构建
1.什么是vue-cli?
vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,创建命令如下:
vue init webpack xxx
2. 安装vue-cli
输入指令
npm install -g vue-cli
npm install -g webpack
出现以下文件
注1:安装成功后,会出现如下文件
D:\initPath
node-v10.15.3-win-x64
node_global
vue
vue.cmd
vue-init
vue-init.cmd
vue-list
vue-list.cmd
注2:安装完成之后打开命令窗口并输入 vue -V(注意这里是大写的“V”),如果出现相应的版本号,则说明安装成功。
项目构建
vue init webpack rw_spa
导入开放软件中
在文件夹中 项目文件夹使用CMD
输入npm run dev
包的讲解
build 打包使用
构建打包
webpack.dev.conf开发环境
webpack.prod.conf 生成环境
JS依赖全部在这里
2.路由跳转
主键下有且仅有一个根节点
创建主键
绑定路由关系
脚手架已经获得router
3.spa嵌套路由
构建新的主键
加入children