vue cli安装

1、官网
vue cli:https://cli.vuejs.org/zh/
vue:https://cn.vuejs.org/

2、介绍
【CLI】
CLI (@vue/cli) 是一个全局安装的 npm 包,提供了终端里的 vue 命令。它可以通过 vue create 快速创建一个新项目的脚手架,或者直接通过 vue serve 构建新想法的原型。你也可以通过 vue ui 通过一套图形化界面管理你的所有项目。我们会在接下来的指南中逐章节深入介绍。

【CLI 服务】
CLI 服务 (@vue/cli-service) 是一个开发环境依赖。它是一个 npm 包,局部安装在每个 @vue/cli 创建的项目中。

3、 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先
通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

【安装】
npm install -g @vue/cli

yarn global add @vue/cli

打开 “dos 命令行窗口” 输入 “cmd” 回车,输入【D:】跳转到D盘根目录,然后输入【CD MyFile\Project\Angular】跳转到项目使用的目录

4、检查版本(3.x)
vue --version
vue -V

5、帮助文档
vue --help
vue -h,

6、创建项目
vue create 【新版 3.x】 -------> vue create hello-world
vue init 【旧版 2.x】

cd hello-world

7、安装全局扩展
npm install -g @vue/cli-service-global

8、#安装 vux 发版请使用 npm install vux@next
npm install vux

9、#安装less-loader, vuejs-templates模板默认不安装less less-loader
npm install less less-loader --save-dev

*、【vue serve】单个 *.vue 文件进行快速原型开发
vue serve【缺点:它需要安装全局依赖,使得它在不同机器上的一致性不能得到保证。因此这只适用于快速原型开发。】
Usage: serve [options] [entry]

在“开发”环境模式下零配置为 .js 或 .vue 文件启动一个服务器

Options:
-o, --open 打开浏览器
-c, --copy 将本地 URL 复制到剪切板
-h, --help 输出用法信息

*、【vue build】单个 *.vue 文件进行快速原型开发
vue build
Usage: build [options] [entry]

在“生产”环境模式下零配置构建一个 .js 或 .vue 文件

Options:

-t, --target 构建目标 (app | lib | wc | wc-async, 默认值:app)
-n, --name 库的名字或 Web Components 组件的名字 (默认值:入口文件名)
-d, --dest

输出目录 (默认值:dist)
-h, --help 输出用法信息

*、【npm run dev】
npm run dev

*、卸载
npm uninstall vue-cli -g
yarn global remove vue-cli

猜你喜欢

转载自blog.csdn.net/wodegegeya/article/details/89855877