Vue教程(三十九)vue-cli2脚手架安装

Vue CLI介绍

CI是 Command- Line interface，翻译为命令行界面，但是俗称脚手架。VueCL是一个官方发布 vue.js项目脚手架，使用vue-cli可以快速搭建vue开发环境以及对应的 webpacki配置。

安装NodeJS

可以直接在官方网站中下载安装：[http://nodejs.cn/donwload](http://nodejs.cn/donwload)检查p安装的版本，版本要求8.9以上或者更高的版本

node -v

什么是NPM

NPM的全称是 Node Package Manager
是一个 Nodes包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准。

Webpack介绍与安装

Vuejs官方脚手架工具就使用了 webpack模板。Webpack对所有的资源会压缩等优化操作，它在开发过程中提供了一套完整的功能,能够使得我们开发过程中变得高效。Webpack安装命令：

npm install webpack -g

安装Vue脚手架3

npm install -g @vue/cli@3.2.1
# OR
yarn global add @vue/cli@3.2.1

安装Vue脚手架 2.x 模板 (旧版本)

Vue CLI >= 3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能，你可以全局安装一个桥接工具：

npm install -g @vue/cli-init
# `vue init` 的运行效果将会跟 `vue-cli@2.x` 相同
vue init webpack my-project

创建Vue脚手架2.x项目

vue init webpack vuecli2

## 项目名称，不能包含大写
? Project name vuecli2
## 项目描述
? Project description vue cli2 demo
## 作者的信息,会默认从git中读取信息
? Author yuanxiongw@126.com
## Runtime + Compiler: recommended for most users(**standalone**)
## Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files - render functions are required elsewhere
? Vue build standalone
## vue-router路由
? Install vue-router? No
## ESLint 检测代码规范
? Use ESLint to lint your code? Yes
## ESLint 标准
? Pick an ESLint preset Standard
## 是否使用单元测试
? Set up unit tests No
## e2e测试, end to end 安装 Nightwatch,是一个利用 selenium或webdriver或 phantoms等进行自动化测试的框架
? Setup e2e tests with Nightwatch? No
## 选择用yam或者npm安装
? Should we run `npm install` for you after the project has been created? (recommended) npm

– 以上为《Vue教程(三十九)vue-cli2脚手架安装》，如有不当之处请指出，我后续逐步完善更正，大家共同提高。谢谢大家对我的关注。

——厚积薄发(yuanxw)

Vue教程(三十九)vue-cli2脚手架安装相关推荐

小满Vue3第三十九章（Vue开发桌面程序Electron）
建议视频教程小满Vue3(第三十九章 electron桌面程序)_哔哩哔哩_bilibili Electron官网Electron | Build cross-platform desktop app ...
【Visual C++】游戏开发笔记三十九浅墨DirectX教程之七他山之石：几种几何体的快捷绘制法
本篇文章里,我们对Direct3D之中几种几何体的简洁绘制方法进行了详细的剖析,最后依旧是提供文章配套的详细注释的demo源代码的欣赏,并在文章末尾提供了源代码下载.(这标题有些歧义的,这个几种是修饰 ...
NeHe OpenGL第三十九课：物理模拟
NeHe OpenGL第三十九课:物理模拟物理模拟简介: 还记得高中的物理吧,直线运动,自由落体运动,弹簧.在这一课里,我们将创造这一切. 物理模拟介绍如果你很熟悉物理规律,并且想实现它,这篇 ...
三十九、Java集合中的HashSet和TreeSet
@Author:Runsen @Date:2020/6/6 作者介绍:Runsen目前大三下学期,专业化学工程与工艺,大学沉迷日语,Python, Java和一系列数据分析软件.导致翘课严重,专业排名 ...
【正点原子MP157连载】第三十九章 LCD驱动实验-摘自【正点原子】STM32MP1嵌入式Linux驱动开发指南V1.7
1)实验平台:正点原子STM32MP157开发板 2)购买链接:https://item.taobao.com/item.htm?&id=629270721801 3)全套实验源码+手册+视频 ...
Python编程基础：第三十九节面向对象编程Object Oriented Programming
第三十九节面向对象编程Object Oriented Programming 前言实践前言到目前为止我们都是函数式编程,也即将每一个功能块写为一个函数.其实还有一种更常用的编程方式被称为面向对 ...
javaweb学习总结(三十九)——数据库连接池
javaweb学习总结(三十九)--数据库连接池一.应用程序直接获取数据库连接的缺点用户每次请求都需要向数据库获得链接,而数据库创建连接通常需要消耗相对较大的资源,创建时间也较长.假设网站一天10 ...
SAP UI5 应用开发教程之三十九 - SAP UI5 应用出现白屏的一些常见错误和分析方法分享试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
SAP UI5 初学者教程之十九 - SAP UI5 数据类型和复杂的数据绑定
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 初学者教程之一:Hello World SAP UI5 初学者教程之二:SAP UI5 ...
WPF，Silverlight与XAML读书笔记第三十九 - 可视化效果之3D图形
原文:WPF,Silverlight与XAML读书笔记第三十九 - 可视化效果之3D图形说明:本系列基本上是<WPF揭秘>的读书笔记.在结构安排与文章内容上参照<WPF揭秘> ...

Vue教程(三十九)vue-cli2脚手架安装

Vue教程(三十九)vue-cli2脚手架安装

Vue CLI介绍

安装NodeJS

什么是NPM

Webpack介绍与安装

安装Vue脚手架3

安装Vue脚手架 2.x 模板 (旧版本)

Vue教程(三十九)vue-cli2脚手架安装相关推荐

最新文章

热门文章