zoukankan      html  css  js  c++  java
  • vue3.0脚手架 创建项目

    1.下载node最新稳定版本,并且安装

    2.安装好之后,在cmd或者terminal下, 使用npm -v 查看当前npm版本,验证是否安装成功

    3.安装成功后,运行 npm i -g @vue/cli 来安装 vue3.0脚手架。安装成功后使用 vue -V查看当前版本,验证是否安装成功

    4.vue-cli搭建基础项目: 以搭建一个项目名称为vue-test的vue前端项目为例

    5.在终端下输入以下命令 : vue create + 你的项目名称

    6.根据提示进行相应的配置,选取必要的模块

     

    7.选择项目需要的一些特性(此处我们选择需要Babel编译、使用Vue路由、Vue状态管理器、CSS预处理器、代码检测和格式化)

     

    8.选择路由模式,在这里我们选择兼容性比较好的哈希模式

     

    9.选择css预处理语言,在这里我们选择兼容广泛的stylus

     

    10.选择ESlint代码规范,此处使用standard代码规范

     

    11.选择何时启用lint格式化,在这里我们选择保存的时候

     

    12.配置信息分开保存还是单独一个文件保存,我们选择分开保存

     

    13.是否将当前设置作为预设,选择否

     

    14.项目生成中

     

    15.配置完成后Vue-cli完成初始化

     

    16.初始化完成后,根据提示进入到vue-test项目中,并启动项目

    17.   进入到vue-test项目cd vue-test

           启动服务npm run serve

           打包编译npm run build



     



  • 相关阅读:
    久未更 ~ 四之 —— Vsftpd出现 Failed to start Vsftpd ftp daemon错误
    久未更 ~ 三之 —— CardView简单记录
    久未更 ~ 二之 —— TextView 文字省略
    久未更 ~ 一之 —— 关于ToolBar
    【UVA1636】决斗Headshot
    【NOIP模拟】花园
    【UVA1262】Password
    【UVA10820】交表
    【UVA1635】哑元
    【UVA12716】GCD和XOR
  • 原文地址:https://www.cnblogs.com/whx123/p/12084998.html
Copyright © 2011-2022 走看看