zoukankan      html  css  js  c++  java
  • vuecli3搭建vue项目&&配置

    参考链接:https://blog.csdn.net/alice_124/article/details/81082230

    1、全局安装vue

    2、在自己的项目目录下,打开cmd,创建项目,这里我的项目名称命名为了vue-demo。

    vue create vue-demo

    ①选择手动自定义安装:Manually select features;

    ②选择配置:需要集成什么就选择什么(注:空格键选中或取消,A全选,选好后回车即可)

       Babel:(选择)代码ES5转为ES6;

       TypeScript:js代码类型;

       Router:(选择)项目路径;

       Vuex:(可选)浏览器要安上vuex;

       CSS Pre-processors:(选择)CSS预处理;

       Linter/Formatter:(选择)代码规范;

       Unit Testing:(小项目不需要)单元测试;

       E2E Testing:(小项目不需要);

    3、回车后,自动提示选择,如下图:

    最后是 是否把刚才的配置保存为预设,选Yes后,要自己命名个预设名称(vue-default-wangli)

     4、创建成功。

       cd vue-demo   // 进入项目根目录

       yarn serve // 启动项目,可以运行起来了

     5、在项目根目录下新建文件vue.config.js,配置webpack等,此时项目的目录结构:

    -----------------------------------------2020.04.15------------------------------------------------------------------------

  • 相关阅读:
    css3 径向渐变
    进度条-线性渐变
    echars 图表提示框自定义显示
    Android Ndef Message解析
    android 应用程序记录AAR
    android的nfc卡模拟开发
    《NFC开发实战详解》笔记
    1、Altium Designer 入门
    Stm32之通用定时器复习
    external与static的用法
  • 原文地址:https://www.cnblogs.com/Alioo/p/11009758.html
Copyright © 2011-2022 走看看