Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/liyingxuan/vuejs-model

用Vue-CLI3构建的项目模板,引入了自己常用的组件。
https://github.com/liyingxuan/vuejs-model

Last synced: 19 days ago
JSON representation

用Vue-CLI3构建的项目模板,引入了自己常用的组件。

Awesome Lists containing this project

README

        

# vuejs-model

### 构建新的Vue.js2项目

#### 使用vue/cli 3.x
```bash
yarn global add @vue/cli
```

#### 初始化项目
```bash
vue create 你的项目名

# 回车回车用yarn之类的选项了
```

#### 安装常用包
```bash
# vue其实核心件:
yarn add vue-router vuex

# 前端全家福:
yarn add jquery bootstrap font-awesome popper.js vue-loader vue-html-loader vue-style-loader css-loader

# 验证、ajax请求、i18n翻译、cookies:
yarn add vee-validate vue-axios vue-i18n js-cookie
```

#### 找回配置文件
> 因为vue-cli3改变了项目结构,之前的配置文件方式改变了,需要自己新建几个文件

新建 .env、 .env.local 文件
> 在项目中,也就是src中使用环境变量的话,必须以VUE_APP_开头。例如我们可以在main.js中直接输出:console.log(process.env.VUE_APP_SECRET)

新建 vue.config.js 文件

## Project setup
```
yarn install
```

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

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

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