• 1、Vue CLI 介绍、的 Vue2x环境搭建


    Vue CLI3 和Vue CLI2 以及 及Vue2.x Vue3.x ,以及 Vue CLI2 升级到 Vue CLI3

    一、 关于 Vue CLI3 和 和 Vue CLI2 以及 Vue2.x Vue3.x
    Vue Cli 安装 vue 的脚手架工具,也就是官方命令行工具,可以用命令快速创建项目。
    注意:Vue CLI 3 是 Vue CLI 2 的升级版本,并不是 Vue3.0 。 Vue3.0 目前(2019 年
    3 月 5 日)还没有正式发布。Vue CLI 3 和老版本的 Vue ClI 创建的项目方式是不一样的,
    创建项目的用法是一样的。Vue CLI 3 在项目编译速度上面做了一些优化。无论你用哪个版
    本的 ClI,Vue3.0 发布之前写代码的方式都是一样的。目前 Vue3.0 还在重写中,暂时还没
    有任何消息,Vue3.0 发布后我们会第一时间更新教程。

    二、 关于 Vue CLI 目 旧版本的安装以及创建项目 ( 目前可以继
    续使用)
    1、搭建 vue 的开发环境 ,安装 vue 的脚手架工具 官方命令行工具
    npm install --global vue-cli / cnpm install --global vue-cli
    2、创建项目 必须 cd 到对应的一个项目里面
    vue init webpack vue-demo01
    cd vue-demo01
    cnpm install / npm install
    npm run dev
    3、另一种创建项目的方式 (推荐) ***
    vue init webpack-simple vuedemo02
    cd vuedemo02
    cnpm install / npm install
    npm run dev

    三、 Vue CLI 3 的安装以及创建项目:
    Vue Cli3 官网:https://cli.vuejs.org/zh/guide/installation.html
    Node 版本要求:Vue CLI 3 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm
    或 nvm-windows 在同一台电脑中管理多个 Node 版本
    1 、装 装 vue 的脚手架工具 (Vue Cli3 ) 官方命令行工具
    npm install -g @vue/cli
    或者:cnpm install -g @vue/cli
    或者:yarn global add @vue/cli
    2 、 创建项目 必须 cd 到对应的一个项目里面
    vue create hello-world
    运行:npm run serve
    编译:npm run build

    四、 Vue CLI 3 图形化界面创建项目

  • 相关阅读:
    java IO
    免费的编程中文书籍索引-转
    js两种定义函数、继承方式及区别
    为什么这样写js:(function ($) { })(jQuery);
    Cannot open connection 解决办法
    dos下mysql登陆
    spring-AOP-1
    el表达式
    设计模式——"simple Factory"
    软件生产性控制
  • 原文地址:https://www.cnblogs.com/xiaoruilin/p/15024292.html
Copyright © 2020-2023  润新知