VUE使用后的小小小小总结

VUE使用

创建项目

  1. 准备工作:
    安装好js运行环境node.js node.js包管理工具npm 通过npm安装淘宝镜像cnpm(如下) npm i -g cnpm --registry=https://registry.npm.taobao.org
  1. 安装vue-cil,vue脚手架,以及测试是否安装成功
    cnpm i -g vue-cli vue -V
  1. 使用脚手架和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 等一系列插件 以及 全局部分配置
经验分享 程序员 微信小程序 职场和发展