vue 之 vue-cli3


Vue CLI是一个基于Vue.js进行快速开发的完整系统。在vue-cli3Vue CLI的包名称由vue-cli改成了@vue/cli。 如果你已经全局安装了旧版本的vue-cli(1.x 或 2.x),你需要先通过npm uninstall vue-cli -g。(这里用的包管理器为npm。)

一. 安装脚手架

确保安装vue-cli3之前卸载之前安装的旧版本的脚手架。
安装命令:npm install -g @vue/cli

二. 创建项目

使用vue-cli3创建项目有2种方式,一种通过命令行,一种是通过UI界面。

  1. 命令行创建项目
    创建项目:vue create vue_cli3_test
    选择依赖配置方案,最初只有默认配置和手动配置两个,我这里选的手动配置。

    选择需要的依赖。

    配置依赖,这里看不懂的可以一路回车到底。

    项目创建中。

    项目创建成功。
  2. UI界面创建项目
    启动UI界面:vue ui
    初始界面。

    点击创建,然后在此创建项目。

    配置项目信息。

    选择依赖配置方案,这里我选择手动。

    选择依赖。

    配置依赖。

    可以将配置的依赖保存为一套方案,以后直接使用。

    项目创建中。

    项目创建成功。

人生舞台的大幕随时都可能拉开,关键是你愿意表演,还是选择躲避。

你可能感兴趣的:(vue 之 vue-cli3)