美文网首页
vue-cli基础知识

vue-cli基础知识

作者: 付小影子 | 来源:发表于2020-05-26 11:38 被阅读0次

什么是vue-cli

慕课网教程
vue-cli官网
vue脚手架指的是vue-cli,它是一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。

安装

官网教程
1.如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),
你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。
2.可以使用下列任一命令安装这个新的包:
npm install -g @vue/cli
OR
yarn global add @vue/cli

3.验证是否安装成功
vue --version

创建一个项目 方法1

官方地址
1.进入要创建项目的路径,打开命令终端页面
2.运行以下命令来创建一个新项目:vue create 新项目的名称
3.根据提示一步步往下执行,配置项目
4.项目配置结束后,进入项目路径cd xx,执行项目:npm run serve,得到编译路径,复制到浏览器查看运行效果

1111.png 2222.png

创建一个项目 方法2

使用图形化界面
你也可以通过 vue ui 命令以图形化界面创建和管理项目:
vue ui
上述命令会打开一个浏览器窗口,并以图形化界面将你引导至项目创建的流程。

3333.png

相关文章

  • 通过mpvue快速构建小程序

    注:需要了解微信小程序、vue、vue-cli、git、node的npm 或cnpm 等基础知识,以上内容可自行百...

  • vue-cli基础知识

    什么是vue-cli 慕课网教程vue-cli官网vue脚手架指的是vue-cli,它是一个专门为单页面应用快速搭...

  • (Vue全家桶)Vue-cli

    Vue-cli Vue-cli是vue官方出品的快速构建单页应用的脚手架 安装vue-cli 安装vue-cli的...

  • vue-cli框架结合bootstrap配置

    一:安装vue-cli npm install -g vue-cli 二:新建vue-cli项目 vue init...

  • Vue-cli基础

    Vue-cli基础 安装步骤 1、全局安装Vue-cli: npm install vue-cli -g 2、查看...

  • vue 学习第一节

    全局安装vue-cli: cnpm install vue-cli -g 安装vue-cli之前要全局安装vue和...

  • invalid Host header 错误

    一、 Vue-CLI 2.0 二、Vue-CLI 3.0 以上

  • vue_cli

    作者:台湾小凡 1. vue-cli 简介 简单介绍 vue-cli 官网 [vuejs/vue-cli: Sim...

  • 搭建vue项目(基于vue-cli脚手架)

    一、vue-cli 1.x 或 2.x 版本 安装vue-cli脚手架:npm install vue-cli -...

  • 2018-11-21

    vue-cli 3.0 使用小结 个人使用 VUE-CLI 3.0 碰到一些问题,用作记录 VUE-CLI 3.0...

网友评论

      本文标题:vue-cli基础知识

      本文链接:https://www.haomeiwen.com/subject/jpymahtx.html