【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 // 查看版本

mark

创建一个项目

运行下面命令,使用 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

mark

然后四个 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

mark

运行
mark

mark

ui 界面创建

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

vue ui

mark

mark

手动选择
mark

全部都不选

mark

选择 Vue2

mark

mark

目录介绍

mark

启动 & 打包

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

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

npm run build // 打包

mark

发表评论 / Comment

用心评论~