VUE使用
创建项目
- 准备工作:
- 安装好js运行环境node.js
- node.js包管理工具npm
- 通过npm安装淘宝镜像cnpm(如下)
npm i -g cnpm --registry=https://registry.npm.taobao.org
- 安装vue-cil,vue脚手架,以及测试是否安装成功
cnpm i -g vue-cli
vue -V
- 使用脚手架和webpack搭建项目,把项目名改成需要的项目名(该步骤会新生成以“项目名”名命的项目目录)
vue init webpack 项目名
关于控制台内容,过了英语四级的就可以看懂。(自我嘲讽)
启动项目
- 进入项目目录
cd 项目名
- 初始化项目(可跳过,作用百度,反正前端我不懂)
cnpm i
- 运行项目
npm run dev
- 浏览器打开:localhost:8080,即可打开vue项目,Ctrl+C退出运行
- 配置IDEA运行(可选,推荐)去ymjhnb
FAQ
- App.vue 是入口文件,就是你从这个页面跳转
- assets 放静态资源,components 放 vue 文件,router 是路由
- main.js 用来导入 element-ui 等一系列插件 以及 全局部分配置