使用vue-cli(vue脚手架)快速搭建项目

1年前 ⋅ 862 阅读

vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目 下面整个过程是基于已经安装node.jscnpm的基础

(1)全局安装 vue-cli ,在命令提示窗口执行:

cnpm install -g vue-cli 1581734279(1).jpg 出现以上提示表示vue-cli正常安装成功,可以正式创建vue-cli工程项目了

(2)安装vue-cli成功后,通过cd命令进入你想放置项目的文件夹,在命令提示窗口执行创建vue-cli工程项目的命令:

vue init webpack 1581735200(1).jpg 确认创建项目后,后续还需输入一下项目名称、项目描述、作者、打包方式、是否使用ESLint规范代码等等,详见上图。安装顺利执行后会,生成如下文件目录: 1581735398(1).jpg

(3)生成文件目录后,使用 cnpm 安装依赖:

cnpm install 1581735529(1).jpg

如有不正确或者改进的地方请评论指出,谢谢!


全部评论: 0

    我有话说: