zoukankan      html  css  js  c++  java
  • 新老版本vue-cli的安装及创建项目等方式的比较

    vue-cli 3.0 正式版于2018年8月发布,截至到2020年08月05日版本已经更新到4.4.6。Vue CLI 的包名称由 vue-cli 改成了 @vue/cli,目前网上很多的Vue项目搭建教程由于没有说明使用的vue-cli的版本,不同的操作方式往往给新人造成很大的困扰。3.0+与2.*版本在搭建项目时到底有何不同呢?下面做一下简单的介绍,希望可以帮到有需要的朋友。

    vue-cli(旧版本) @vue/cli(新版本-推荐)
    安装环境 Node.js (>=6.x, 8.x preferred)
    npm version 3+ and Git
    Node.js 8.9 或更高版本 (推荐 8.11.0+)
    安装 npm install vue-cli -g npm install -g @vue/cli 或者 yarn global add @vue/cli
    查看版本号 vue -V
    卸载 npm uninstall vue-cli -g 或 yarn global remove vue-cli npm uninstall @vue/cli -g 或者 yarn global remove @vue/cli
    创建vue项目 vue init
    两种常用的模板类型:
    webpack-simple webpack
    如:vue init webpack my-project
    vue ui 通过图形化页面创建
    vue create 通过命令行创建
    启动vue项目 npm run dev 或 npm start npm run serve
    打包vue项目 npm run build
    • 如果你安装新版前已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

    • vue ui 通过图形化页面创建vue项目是vue-cli 3.0+以后版本才有的功能!!!


    欢迎转载,但必须给出原文链接,并保留此段声明,否则保留追究法律责任的权利。

  • 相关阅读:
    xna 添加一个精灵1
    【leetcode】705. 设计哈希集合
    【leetcode】1603. 设计停车系统
    【leetcode】设计有序流
    【leetcode】旅行终点站
    【leetcode】检测大写字母
    【leetcode】重复至少 K 次且长度为 M 的模式
    【leetcode】二叉树的直径
    【leetcode】公交站间的距离
    【leetcode】分糖果
  • 原文地址:https://www.cnblogs.com/jddreams/p/13438217.html
Copyright © 2011-2022 走看看