使用@Vue/Cli创建一个vue2.0项目

1.安装node

中文网站:https://nodejs.cn/ 

英文网站:https://nodejs.org/en/

国内镜像设置:

npm config set registry http://registry.npm.taobao.org/

2.安装@vue/cli

npm install -g @vue/cli

3.查看Node.js版本

node -v

 4.查看Vue版本

vue --version

5.卸载vue

npm uninstall -g @vue/cli

 准备好上述步骤后,如何创建vue2.0项目?

第一步:打开你要创建项目的目录,在地址栏输入cmd命令

第二步:终端命令行中输入:创建Vue-Cli脚手架项目命令,按回车键

vue create 项目名称

第三步:选择你的项目版本,选择自定义模式 

主要选择Babel/Router(路由配置)/CSS(预处理器)/Linter(ESLint代码规范)

选择Vue2版本

是否使用路由的历史纪录,如果使用历史模式,不带#号,使用HASH模式则带#号; 默认是HASH模式;选择no

选择CSS预处理器:Less

 

选择当前的项目采用哪一套ESLint规范(无分号规范),有分号回报错,选择第三套;

 需要在什么时候校验,选择保存时校验

Babel,ESlint等等配置文件放在单独的文件利于管理

下一次创建项目时是否要使用上次的参数,选择no

 

​ 第四步:创建成功

第五步:根据蓝色字体指示

第六步:Vue3项目创建完成:本地地址http://localhost:8080/

​ 第七步:复制地址到浏览器打开

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值