Vue的安装与基础配置。
官方文档:https://cli.vuejs.org/zh/guide/installation.html
安装Vue-cli
1 | npm install -g @vue/cli |
创建的时候可以根据需求配置以下插件是否安装:
一般会用到Babel(es语法转换)、Router、和Vuex。
项目目录
大致的目录如下:
打开package.json
文件:
1 | "scripts": { |
对应项目的启动命令:
1 | npm run serve //本地开启serve,启动项目 |
*组件目录utils
在src
目录下可以创建一个utils
文件夹,用来放一些比较实用的工具、插件。
例:封装aixos到vue原型
中。
安装axios
1 | npm i axios -g |
在utils
新建http.js
1 | import axios from 'axios' |
在main.js中引入http.js
并注册为vue原型的方法
1 | import axios from './utils/http' |
Vue配置文件vue.config.js
官方文档->:https://cli.vuejs.org/zh/config/#vue-config-js
在项目根目录创建一个vue.config.js
,用来设置一些项目启动时的配置。
1 | module.exports = { |
* api
文件夹
在src
目录下新建一个api
文件夹,可以把api(这里新建一个uri.js
)文件放到这里,比如上面vue.config.js里提到的两个接口。uri.js
1 | let prefix = '/article/' |
经过上面的封装axios和配置api文件夹。在组件里进行ajax请求就会方便很多。
1 |
|
(¦3[▓▓]
- 本文链接: https://anyway521.gitee.io/post/df7b5028.html
- 最后更新:
- 版权声明: 博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议进行许可,转载请注明出处!