windows开发环境

nodejs环境安装

安装时将 nodejs和npm添加到系统环境变量
测试是否安装成功：nodejs里面会安装npm指令，显示版本号安装成功。
在这里插入图片描述

配置nodejs prefix（全局）和cache（缓存）路径

先找到nodejs的安装目录（E:\nodejs）
在nodejs安装路径下，新建global和cache两个文件夹
命令进行修改设置

1 2	npm config set cache "E:\nodejs\cache" npm config set prefix "E:\nodejs\global"

设置环境变量

添加node_global HOME
在这里插入图片描述
添加到path

安装webpack、vue-cli脚手架构建工具

1 2	npm install webpack -g npm install vue-cli -g

查看安装是否成功
在这里插入图片描述

创建一个vue项目

在dos命令行
在硬盘上找一个文件夹放工程用的： cd 目录路径
安装vue脚手架输入：vue init webpack demo，注意这里的“demo” 是项目的名称可以说是随便的起名，但是需要主要的是“不能用中文”。
然后根据需要选择选项

1 2	npm install npm run dev

vue目录结构

在这里插入图片描述

build

在这里插入图片描述

config

在这里插入图片描述

项目练习

vue整合elementUI

1	npm i element-ui -S

main.js 添加
完整引入

// 完整引入 Element
import Vue from 'vue'
import ElementUI from 'element-ui'
import locale from 'element-ui/lib/locale/lang/en'

Vue.use(ElementUI, { locale })

异常

vue-axios 跨域访问

问题描述当前后端分离项目调试时，前端项目需要访问后端接口，使用axios请求时会出现跨域访问问题，
解决：在config目录下修改index.js文件如下部分
在这里插入图片描述
使用vue的代理访问目标资源，然后改为自己的格式