# study_by_vue_cli3

**Repository Path**: to_be_last_coder/study_by_vue_cli3

## Basic Information

- **Project Name**: study_by_vue_cli3
- **Description**: 使用vueclie3开发的学习记录
- **Primary Language**: JavaScript
- **License**: AGPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-10-16
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# study_by_vue_cli3

#### 介绍
使用vueclie3开发的学习记录

使用了vuecli3进行开发学习
软件架构说明
无。

vue-cli3 安装教程

node版本要求：vue cli 需要node版本>=8.9, （官方推荐：8.11.0+ ）。可使用node -v 命令去检测node的安装版本，如果没有安装可到这里安装：

中文官方下载地址：http://nodejs.cn/download/ 


```
PS D:\我自己的项目\oa_by_vue_cli3> node -v
v10.16.0
```


2、安装@vue/cli（Vue CLI 3的包名称由 vue-cli 改成了 @vue/cli）

命名方式已经改为npm推荐的新的包名规则，使用作用域。

包名规则介绍：http://blog.npmjs.org/post/168978377570/new-package-moniker-rules

1）命令执行：


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


2）安装完成：
![![![输入图片说明](https://img2018.cnblogs.com/blog/850375/201812/850375-20181212100837822-1314863461.png "在这里输入图片标题")](https://images.gitee.com/uploads/images/2019/1016/184244_efb14fbc_2354575.png "屏幕截图.png")](https://images.gitee.com/uploads/images/2019/1016/184238_1a627b2b_2354575.png "屏幕截图.png")


3）命令变化：可通过 vue -h 查看

create [options] <app-name> 创建一个由vue-cli-service支持的新项目
invoke <plugin> 在已创建的项目中添加插件
serve [options] [entry] 在开发者模式下以零配置运行一个js或vue文件
build [options] [entry] 在生产模式下以零配置构建一个js或vue文件
init <template> <app-name> 旧api 需要@vue/cli-init // 就是原来的vue-cli init <template> <app-name>
#### 使用说明


```
## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
```



#### 参与贡献

1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request


#### 码云特技

1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5. 码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)