Vue-cli2的使用解析

本文详细介绍了如何搭建Vue2.0项目,包括安装node.js环境、全局安装vue脚手架、初始化项目以及项目文件夹的结构。通过vue-cli3创建项目,并提供了在脚手架2和3之间切换的方法。在初始化项目时,涉及了项目名、路由、ESLint和测试的选择。最后,解释了项目目录中config文件夹的作用,用于配置跨域等全局变量。
摘要由CSDN通过智能技术生成

vue2.0

1.安装node.js环境

这里建议使用,nvm的node管理工具,可以在各个node版本之前切换,但是就算不使用也可以。

node官方下载(http://nodejs.cn/download/),安装完之后,可以win+R,输入cmd,在黑框终端

输入node -v就可以查看node的版本号

** 2.全局安装vue脚手架 **
执行“npm install @vue/cli -g”命令进行安装vue-cli3,"npm install vue-cli -g"是安装脚手架2的,但是我们是没法在脚手架2的环境下安装脚手架3, 但可以在3的环境下安装2 ,在vue-cli的官方给出了一个解决办法:“npm install -g @vue/cli-init”可以安装一个桥接工具,有桥接工具的帮忙,我们就可以任意下载3或者2了

** 3.初始化项目 **
我们到想要的文件夹里,然后 执行 vue init webpack 项目名 ”命令,下面会出现一系列的选项:
在这里插入图片描述
项目名字:可以直接默认

在这里插入图片描述
项目描述:可以直接默认

在这里插入图片描述
作者信息:可以直接默认

在这里插入图片描述
vue构建:我们选择第一个(初学者)-运行加编译

在这里插入图片描述
是否使用路由:我们建议使用路由,不然还要自己配

在这里插入图片描述
是否使用ESLint(语法检查器):不建议使用,使用的时候对初学者来说很麻烦,会结合git在你没操作一步就提交代码

在这里插入图片描述
是否使用单元测试:不使用

在这里插入图片描述
是否e2e(端到端测试):不使用

在这里插入图片描述
我们用npm还是yarn:这里我们基于Node环境,就是用npm

** 4.项目文件夹 **
现在我们的项目目录构建好了
在这里插入图片描述
config:vue的配置文件夹,当我们要配置跨域的全局变量时,需要在这个文件夹下的Index.js利配置全局。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值