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项目喽。