美文网首页
【前端】Vue-cli

【前端】Vue-cli

作者: irenb | 来源:发表于2020-07-28 19:43 被阅读0次

一、简介

vue-cli 是vue官方出品的快速构建单页应用的脚手架,里面集成了webpack,npm,nodejs,babel,vue,vue-router

二、安装

  1. npm 安装(安装node环境)
    node下载地址: http://nodejs.cn/download/
    安装成功提示:
npm -v
  1. vue-cli 安装
    全局安装vue-cli,命令行:
npm install vue-cli -g

PS:-g代表全局安装,然后查看版本:

vue -V

PS: 注意这里的V是大写

三、初始化项目

  1. vue init 命令讲解
vue init <template-name> <project-name>

init:表示要用vue-cli来初始化项目
<template-name>:表示模板名称,vue-cli官方提供的5种模板:webpackwebpack-simplewebpack-simplebrowserify-simplesimple
<project-name>:标识项目名称,用户根据自己的项目来起名字。

  1. 项目初始化

在实际开发中,一般都会使用webpack这个模板,命令使用如下:

vue init webpack vue-demo
  1. 运行项目

使用cd命令进入到项目目录

cd vue-demo

开发模式下运行项目命令:

npm run dev

项目发布打包命令:

npm run build

相关文章

网友评论

      本文标题:【前端】Vue-cli

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