NPM 全局安装 Vue-CLI

简介

NPM 是 Node.js 官方推出的包管理工具，全称 Node Package Manager，用于 Node.js 以及前端开发库和工具的发布、共享、安装以及管理。Vue-CLI 则是一个 Vue.js 官方提供的脚手架，用于快速创建基于 Vue.js 的单页应用（SPA）。

安装

在 Shell（Bash）终端输入以下命令即可全局安装 Vue-CLI：

npm install --global vue-cli

用法

安装完成后，在终端输入以下命令可创建一个新的 Vue 项目：

vue init <template-name> <project-name>

其中，template-name 为模版名称，官方默认提供了 webpack、webpack-simple、browserify 以及 browserify-simple 四种模版可供选择；project-name 为项目名称，需要自行指定。

示例

以下示例演示如何使用 Vue-CLI 创建一个新的 Vue 项目：

vue init webpack my-project

在输入完毕上述命令后，Vue-CLI 会自动下载并初始化 webpack 模版，创建并配置好一个新的 Vue 项目，同时会提示是否安装相关的依赖库，如下所示：

? Project name my-project
? Project description A Vue.js project
? Author John Doe <johndoe@example.com>
? Vue build standalone
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes

# installing dependencies...

根据需求选择安装相关的依赖库即可。最后，进入到新创建的项目目录中，运行以下命令启动项目：

cd my-project
npm install
npm run dev

结语

通过 NPM 全局安装 Vue-CLI，我们可以方便地创建和管理基于 Vue.js 的单页应用。同时，由于 Vue.js 在前端开发中的广泛使用，熟练掌握 Vue-CLI 也将成为一个优秀的前端工程师必备技能之一。