vue 之 vue-cli3

2020-01-03  本文已影响0人  hunter97

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
    初始界面。
    点击创建,然后在此创建项目。
    配置项目信息。
    选择依赖配置方案,这里我选择手动。
    选择依赖。
    配置依赖。
    可以将配置的依赖保存为一套方案,以后直接使用。
    项目创建中。
    项目创建成功。

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

上一篇 下一篇

猜你喜欢

热点阅读