VUE使用后的小小小小总结

VUE使用后的小小小小总结

VUE使用

创建项目

1. 准备工作：

• 安装好js运行环境node.js
• node.js包管理工具npm
• 通过npm安装淘宝镜像cnpm（如下）
  npm i -g cnpm --registry=

2. 安装vue-cil，vue脚手架，以及测试是否安装成功

• cnpm i -g vue-cli
• vue -V

3. 使用脚手架和webpack搭建项目，把项目名改成需要的项目名(该步骤会新生成以“项目名”名命的项目目录)

• vue init webpack 项目名

关于控制台内容，过了英语四级的就可以看懂。（自我嘲讽）

启动项目

1. 进入项目目录
   cd 项目名
2. 初始化项目（可跳过，作用百度，反正前端我不懂）
   cnpm i
3. 运行项目
   npm run dev

• 浏览器打开：localhost:8080，即可打开vue项目，Ctrl+C退出运行
• 配置IDEA运行（可选，推荐）去ymjhnb

FAQ

1. App.vue 是入口文件，就是你从这个页面跳转
2. assets 放静态资源，components 放 vue 文件，router 是路由
3. main.js 用来导入 element-ui 等一系列插件 以及 全局部分配置