【Vue】Vue-cli 脚手架 创建项目 打包

安装

安装 Vue

// npm install -g vue  -g 全局安装
npm install -g vue

安装 Vue-cli

安装之后，你就可以在命令行中使用 vue 命令。

npm install -g  @vue/cli
// npm update -g @vue/cli 全局升级 
npm install -g  @vue/cli-init // 使用 vue-cli 相关模板创建项目 这里使用 webpack  

vue -V // 查看版本

创建一个项目

运行下面命令，使用 Vue-cli 创建 webpack 模板项目

vue init webpack hello_world

D:\HBuilderProjects>vue init webpack hello_world

? Project name hello_world # 项目名称
? Project description A Vue.js project # 项目描述
? Author bigdataboy # 项目作者
? Vue build (Use arrow keys) 
> Runtime + Compiler: recommended for most users
  Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files - re
nder functions are required elsewhere

然后四个 No，选择 npm 安装依赖，等待下载

 Install vue-router? No # 路由 不安装
? Use ESLint to lint your code? No # 代码检测不安装
? Set up unit tests No # 测试 不安装
? Setup e2e tests with Nightwatch? No # 调试不安装
? Should we run `npm install` for you after the project has been created? (recommended) npm

运行

ui 界面创建

web-ui 界面不止能创建项目，还能管理项目，依赖，插件，配置 打包等

vue ui

手动选择

全部都不选

选择 Vue2

目录介绍

启动 & 打包

npm run dev // 开发环境打包，主要用于测试，不会生成打包文件

npm run start // 与上一个相同，最终 调用的还是上一个命令

npm run build // 打包