• vue命令


    1 》 npm install -g @vue/cli  安装 vue cli3

    2 》 npm uninstall vue-cli -g  卸载  vue cli3

    3 》 vue create  项目名称   直接命令行创建

    接下来会问你选择那种配置(会显示所有保存过的配置,首次使用只会显示 default(babel,eslint) 以及 Manually select features)

    可选自己之前创建过的或选择官方默认配置或者手动选择)

    选择Manually select features 将出现以下内容

    方向键 控制上下 空格选择 A 全选 I反转选择

    选择好大体的功能/插件之后 回车 接着会让你选择细分的特性

    比如 Linter/Formatter 下:

    在保存时进行代码检测

    Babel、PostCSS、ESLint等配置文件存放位置,选择单独保存在各自的配置文件中

    Pick a CSS pre-processor(css预处理语言)下 有SCSS/SASS、LASS、Stylus

    还有TS、PWA、Roter(vue 路由管理;SPA必带)、Vuex(vue状态管理)、测试(Unit Testing、E2E Testing)等等,均可按需选择

    最后会询问你 是否保存为未来项目的预设配置 如果保存需要输入名称

    等待项目创建...

    项目创建好后按提示进入项目,并启动项目

    4 》cd 项目名称

    5 》 npm run serve  进入项目

    6 》cnpm install fastclick --save click在手机上延迟300秒 移动端页面插件

      import FastClick from 'fastclick'
      FastClick.attach(document.body);

    7 》 cnpm install axios --save ajax的下载 

      import axios from 'axios'
      Vue.prototype.axios  = axios

    8 》 cnpm install --save animate.css 动画的使用

      import animate from 'animate.css'

      Vue.use(animate)

    9 》cnpm install vue-awesome-swiper --save 轮播图下载

      import VueAwesomeSwiper from 'vue-awesome-swiper'
      import "./assets/css/swiper.css"
      Vue.use(VueAwesomeSwiper)

    10 》 npm i vant -S ui下载 npm i babel-plugin-import -D vant的插件

  • 相关阅读:
    场景法设计测试用例
    编写边界条件测试用例原则
    CSS
    JavaScript
    HTML
    lamp安装教程
    Linux(lamp安装)
    oracle sqlplus常用命令
    利用同步器实现互斥锁
    工厂模式--简单工厂模式
  • 原文地址:https://www.cnblogs.com/1609359841qq/p/12104751.html
Copyright © 2020-2023  润新知