从零开始 快速创建一个VUE-CLI项目

1. 首先安装node

node下载
无脑安装,完了是这个样子

node -v
npm -v

在这里插入图片描述

2. 设置npm的镜像

npm就是一个node的包管理器,类似于JAVA项目的Maven,默认仓库的位置也是国外的,这里设置成阿里的

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

在这里插入图片描述
查看一下配置信息

npm config list

在这里插入图片描述

3. 安装 vue和 @vue/cli

npm install -g vue
npm install -g @vue/cli

在这里插入图片描述
看一下是否安装完成

vue

在这里插入图片描述

4. 使用VUE-CLI的UI界面创建项目

vue ui

这里小黑框千万别关,它是用node启动了一个服务,关了就没了。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • Babel 一定要安装,它可以将ES6的语法转换成老版本的
  • Router 路由,这个大多数程序都要用吧

在这里插入图片描述

这个是不是使用历史模式的路由,这个选项关了就行用哈希就可以,用历史模式路由的话服务端得好好弄(我没用过哈哈)
在这里插入图片描述
在这里插入图片描述
等着创建就好啦,他会下载一堆文件,一定要保证网络通常
完成啦!!!!
在这里插入图片描述

5. 安装常用插件

当然,可以在控制台中搜索安装自己喜欢的插件和依赖,比如element-ui和axios等。
安装element-ui插件
在这里插入图片描述
安装完成后这里选择按需导入就可以,不然所有组件都导入的话会导致生成的文件很大
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200828000024515.png#pic_center在这里插入图片描述

安装axios库的依赖
在这里插入图片描述
在这里插入图片描述

6. 运行项目

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
这个就是项目目录啦,我们可以用喜欢的编辑器在src目录下开心的写代码啦。
在这里插入图片描述
下一篇博客就写怎么用vscode编写自己的vue-cli项目喽。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值