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

   【安装(旧版本 1.x 或 2.x)】
   npm install -g vue-cli
   或
   yarn global add vue-cli

   C:\Users\jie\AppData\Roaming\npm\vue -> C:\Users\jie\AppData\Roaming\npm\node_modules\vue-cli\bin\vue
   C:\Users\jie\AppData\Roaming\npm

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

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

5、帮助文档(output usage information)
   vue --help
   vue -h, 

6、创建项目
   vue create <project-name>【新版 3.x】  ------->  vue create hello-world
   vue init <template-name> <project-name>【旧版 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 <target>  构建目标 (app | lib | wc | wc-async, 默认值:app)
   -n, --name <name>      库的名字或 Web Components 组件的名字 (默认值:入口文件名)
   -d, --dest <dir>       输出目录 (默认值:dist)
   -h, --help             输出用法信息

*、【npm run dev】
   npm run dev

*、卸载(应该是旧版本卸载方法)
   npm uninstall vue-cli -g
   yarn global remove vue-cli

猜你喜欢

转载自blog.csdn.net/KingCruel/article/details/88987726