vue cli的安装与使用

一、简介

　　vue作为前端开发的热门工具，受到前端开发人员的喜爱。为了简化项目的构建，采用vue cli来简化开发。

　　vue cli是一个全局安装的npm包，提供了终端使用的命令。vue create可以创建项目的脚手架；vue ui提供图形化的管理页面。

二、安装

　　1.安装node.js

　　　　node -v

　　　　查看node版本

　　　　npm -v

　　　　查看npm版本

　　2.安装vue cli

　　　　npm install -g @vue/cli

　　　　安装vue cli

　　　　vue --version

　　　　查看版本

三、使用

　　创建项目

　　vue create projectname

　　管理项目

　　vue ui

四、命令调用

　　在一个 Vue CLI 项目中，@vue/cli-service 安装了一个名为 vue-cli-service 的命令。你可以在 npm scripts 中以 vue-cli-service、或者从终端中以 ./node_modules/.bin/vue-cli-service 访问这个命令。

在项目默认的package.json中，会看到如下字样:

{
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build"
  }
}

　　通过npm run serve可建立Web测试环境，实时查看界面效果。

　　通过npm run build可生成html文件，用于发布到服务器上。