基于vue-cli创建vue2工程

文章目录Vue CLI介绍CLI是什么使用CLI的前提NodeWebpack使用CLI的使用安装Vue脚手架 Vue CLI介绍 CLI是什么 CLI是Command-Line Interface，翻译为命令行界面，俗称脚手架 Vue CLI是一个官方发布vue.js项目脚手架 使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置。 使用CLI的前提 Node 官网下载NodeJS 检测安装的版本 默认情况下自动安装Node和NPM Node环境要求8.9以上或者更高版本

第九步：将配置文件放在单独的文件中或者放在package.json文件中。前两个为默认安装babel和eslint的安装，最后一个是自定义安装。第十步：是否保存此次配置，下次初始化项目将会沿用此次配置(一般选N)最后：运行最下方两条指令，打开网页看到绿色大V即成功。第五步：历史模式(不出现#)或路由模式(出现#)Linter/Formatter 语法规范。第三步：选择如下所示的五个(*)的配置。第六步：使用less作为预处理器。第七步：无分号规范（标准化）第二步：自定义创建项目。Babel 语法降级。

使用vue-cli创建vue2项目（详解） 说明！！！：Vue CLI >= 3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。所以使用脚手架创建vue2的项目，需要先全局安装一个桥接工具，然后创建一个vue2的项目： 第一步：搭建node运行环境，根据操作系统选择相应安装包 下载地址：https://nodejs.org/en/download/ 检验是否安装成功，命令行中直接输入node -v，返回版本号即可。 第二步：安装webpack npm i

利用vue-cli创建vue2项目的流程

vue-cli创建一个可以执行的vue2工程。

虽然目前vue-cli官网上已经不维护了并且官网也不推荐再用这种方式去创建vue共创，但还是有很多项目是基于这个脚手架搭建vue2工程去实现的，所以简单的学习一下还是很有必要的。这里百度一下直接傻瓜式安装就好了。全局安装脚手架： 这个命令，检验是否安装成功： 成功界面：创建一个新文件夹，并在这个新文件夹下输入cmd，打开该文件夹目录下的cmd，然后在该cmd下创建vue工程： 进入如下界面，选择最后一个详细配置：根据需要选择相应的配置，小白可以跟我选一样的： 回车后选择2.x版本，进入如下界

使用cli创建Webpack工具进行开发。

3、创建工程，例如取工程名为test。1、安装Vue CLI 2.9.6。

1、安装vue-clicmd：npm install -g @vue/cli@4.5.19验证是否安装成功：vue -v 出现版本号说明安装成功2、创建项目vue create 项目名称根据自己的需求选择特性，如下所示：手动选择：选择自己需要的特性：例如：选择vue版本选择路由模式 （输入y和n都可以，y代表history模式没有#号， n代表hash模式有#号）：选择css预处理器，根据需求自行选择：格式化和代码检测的配置，默认的就行：代码格式检测时机，默认就行：你希望配置放在哪：是否保存特性，根据你

小tips：我们在创建步骤的第九步会提示是否需要将当前选择的配置保存为一个预设模板（preset），保存后，我们可以找到C盘用户目录下的.vuerc文件，对预设的模板进行删除。为了描述各配置含义，不选择脚手架默认提供的模板，选择Manually select features（手动选择配置），使用⬆⬇选择，回车确认。因为本人主攻方向是后端，对前端了解远远不够，出于工作需要，需要自己搭建一个vue2项目，在此对搭建的一些过程进行纪录。如果你的代码不符合规范，会在保存时收到相应的警告或错误提示。

看完vue-init首先，需要有一个自己模版项目其次，如果需要自定义一些变量，就需要在模版的meta.js当中定制下载模块使用的是模块，支持github，gitlab，bitucket上下载，只需要将定制好的模板项目放到git远程仓库上即可。

4这几个的意思是选择你需要的东西。Babel的意思把es6降级到浏览器能识别的语法。一般按下面的选就行。六：现在有两种方法创建vue2项目，一种是在cmd里，一种是在vscode或webstorm的集成终端里。4然后就跟cmd里一样输入输入vue create hello-world按回车。1.打开这个文件夹在地址里输入cmd按回车，然后就出来cmd界面。意思是手动选择特性，前几个选项的意思是默认的。2打开vscode，把它拖到左边，然后右击打开集成终端。9.选第一个，意思是代码规则，在保存的时候校验。

从0-1搭建一个基础的vue2项目

vue-cli创建vue2或vue3新项目步骤 1. 安装：node(已安装忽略，命令行：node -v 检查是否成功）2.cnpm或 yarn安装（非必须，npm也可以的）yarn安装：npm install -g yarn 查看版本：yarn -v cnpm安装：npm install -g cnpm -registry=https://registry.npm.taobao.org 查看版本：cnpm -v （备注：不要用npm install cnpm -g安装）...

模式：URL 中会带有 “#” 符号，如http://example.com/#/home ，“#” 后面的部分是路由的路径，它的改变不会引起页面的重新加载，浏览器会根据 hash 值的变化触发hashchange事件，Vue Router 利用这个特性实现路由跳转。：也是一款流行的 CSS 预处理器，和 Sass 类似，提供变量、混合、嵌套规则等功能，语法简洁，在大型项目中使用可以有效组织和管理 CSS 代码，并且与许多前端框架和构建工具都有良好的集成。：代表 Vue 2 版本。

使用Vue-CLI创建vue2项目。

如何新建一个vue2项目（超详细哦）

安装vue-cli2和3以及创建vue2和vue3项目的步骤及区别，干货！！！

1.1 打开 cmd 命令提示符进入到存放项目的目录，在命令提示符上使用 “ vue create 项目名” 命令创建项目。1.2 之后可以选择 vue 版本，虽然现在 vue2 已经停更，但是还是值得学习的。1.3 等待初始化 vue 脚手架后，会出现蓝色的两条命令，依次执行它们即可启动 vue。vue脚手架启动成功后会出现蓝色的两个网址，无论是哪个网址都可以打开页面。1.4 浏览器输入网址后界面如下。