0%

vue3.0 项目

一,前端项目初始化步骤

① 安装Vue脚手架
② 通过vue脚手架创建项目
③ 配置vue路由
④ 配置E1ement-UI组件库
⑤ 配置axios库
⑥ 初始化git 远程仓库
⑦ 将本地项目托管到Github或码云中

  • install vue 脚手架

    1
    npm install @vue/cli -g
  • 使用 可视化创建

    1
    2
    3
    vue ui
    🚀 Starting GUI...
    🌠 Ready on http://localhost:8000
    • 使用命令行创建

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      ###模板下载好后的交互选项
      1.Project name vue-demo # 项目名称,直接回车,按照括号中默认名字
      (注意这里的名字不能有大写字母,如果有会报错Sorry, name can no longer contain capital letters)
      2. Project description A Vue.js project # 项目描述,直接回车
      3. Author # 作者名称,默认直接回车
      4. Vue build standalone # 一般选择的Standalone(运行时 + 编译器)模式
      Runtime + Compiler: recommended for most users;
      Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML)
      areONLY allowed in .vue files - render functions arerequired elsewhere
      (一般都选这个Runtime + Compiler: recommended for most users)
      5. Install vue-router? Yes # 是否需要 vue-router,路由,一般都需要,输入y敲回车
      6.Use ESLint to lint your code? Yes # 是否使用 ESLint 作为代码规范.
      7. Pick an ESLint preset Standard # 一样的ESlint 相关
      8. Set up unit tests Yes # 是否安装单元测试
      9. Pick a test runner 按需选择 # 测试模块
      10. Setup e2e tests with Nightwatch? 安装选择 # e2e 测试
      11. Should we run `npm install` for you after the project has been created? (recommended) npm #
      包管理器,一般用NPM
------ 本文结束------

欢迎关注我的其它发布渠道