VUE下载安装与配置

安装node，官网下载，一路下一步
安装模块： npm install 模块名注: npm比较慢，用淘宝的cnpm来替换npm
```
 npm install -g cnpm --registry=https://registry.npm.taobao.org
```
创建vue的工程
```
cnpm install -g @vue/cli
```
如果出问题执行如下，重新走3,4
```
npm cache clean --force
```
安装成功后命令行敲： vue

创建vue项目：切换到指定目录再创建
```
vue create 项目名
```

剩下的按提示来即可

vue项目目录介绍

public-favicon.ico   # -index.html    #整个项目的单页面
src-assets  #静态文件，js，css，img-components # 小组件，头部组件，尾部组件-router     # 路由相关-store      # vuex相关，状态管理器，临时存储数据的地方-views      # 页面组件-App.vue    # 根组件-main.js    # 配置文件（跟django的setting一样）.vue文件
#任何一个组件都有三部分<template>#html相关</template><style># css相关</style><script># js相关</script>

vue配置打通前端通信

前端可以发送ajax的请求，axios
下载:cnpm install axios
配置在main.js中import axios from 'axios'   //导入安装的axios
//相当于把axios这个对象放到了vue对象中，以后用  vue对象.$axiosVue.prototype.$axios = axios;使用（某个函数中）
export default {created() {// 向后端发请求this.$axios.get('http://127.0.0.1:8001/user/text/').then(response => {alert(response.data)}).catch(errors => {alert(errors.data)})}
}es6的箭头函数function (response) { console.log(response)}等同于response=>{ console.log(response)}

VUE下载安装与配置相关推荐

Vue下载安装步骤的详细教程(亲测有效) 2 安装与创建默认项目
上篇请移步到Vue下载安装步骤的详细教程(亲测有效) 1_水w的博客-CSDN博客上一篇博文已经对Node.js的安装与配置进行了详细介绍. 另外:文中项目存放的路径及项目名称可根据自身实际情况进行 ...
Windows Android SDK下载安装，配置，异常问题解决教程
Windows Android SDK下载安装,配置,异常问题解决教程参考文章: (1)Windows Android SDK下载安装,配置,异常问题解决教程 (2)https://www.cnbl ...
Xamarin.Forms教程下载安装JDK配置环境变量
Xamarin.Forms教程下载安装JDK配置环境变量 Xamarin.Form环境配置下载安装JDK JDK是编程Java程序必须的软件.也许有人会问我们用的C#为什么还有Java呢?这是因为我们 ...
c mysql安装教程 pdf_MySQL下载安装、配置与使用教程详细版（win7x64）
用过MySQL之后,不论容量的话,发现比其他两个(sql server .oracle)好用的多,一下子就喜欢上了.下面给那些还不知道怎么弄的童鞋们写下具体的方法步骤. 我这个写得有点太详细了,甚至有 ...
java ee 下载安装配置_JavaEE下载安装及配置.doc
JavaEE下载安装及配置 Apache Tomcat下载安装及配置下载 Tomcat6.X最新版本官网下载地址:/tomcat/tomcat-6/v6.0.35/bin/ 右键迅雷下载即可. 安装 ...
只需五步学会Maven 3.6.1OR 3.6.3及其他版本的下载安装与配置【图文详解】
第一步,下载并解压缩包第二步,配置两个环境变量第三步,测试是否安装成功第四步,指定本地仓库的路径第五步,修改镜像仓库第一步,下载并解压缩包 Maven官方下载地址:https://ma ...
VUE—下载安装并使用mint ui（图文详情）
VUE-下载安装并使用mint ui 第一步:输入指令 mac在前面加上sudo cnpm i mint-ui -S 第二步:在main.js输入 import MintUI from 'mint-u ...
windows下x265下载安装与配置
本文转载自: https://blog.csdn.net/frd2009041510/article/details/50446007?spm=a2c4e.11153940.blogcont31081 ...
MongoDB数据库的下载, 安装与配置
MongoDB数据库下载安装与使用文章目录 1.MongoDB数据库的下载, 安装与配置 2.MongoDB数据库操作 3.Python与mongo交互 ------文章目录 1.MongoDB数据 ...
x265探索与研究（一）：x265下载安装与配置
x265下载安装与配置研究了这么久的HEVC Test Model(HM),相信大家对x265开源代码的实现与框架早就充满了好奇,接下来的日子,我将把自己入手学习与探索"x265开源代码的 ...

VUE下载安装与配置

文章目录

VUE下载安装与配置

vue项目目录介绍

vue配置打通前端通信

VUE下载安装与配置相关推荐

最新文章

热门文章