vue管理系统环境搭建(PC)

。在 Git Bash命令行中

创建vue文件夹 ：

vue create hello-world（项目名）

进入hello-world文件夹：

cd /d/hello-world

vscode中在hello-world创建一个vue.config.js文件

在vue.config.js中写如下代码：

proxy代理https,解决跨域问题’。‘/api’表示需要去匹配请求的url，然后替换成target的值

创建/src/router.js并编写路由规则:

在src中创建一个routes文件夹，在里面创建路由页面

在src中创建一个文件夹测试路由

在main.js文件中挂载

引入router，并挂载

在src中创建一个store文件夹

store文件夹下新建一个index.js文件

文件代码参考

store文件夹再建一个moudules文件夹

moudules文件夹下新建good文件

good文件代码参考

在main中引入store并挂载

在src中创建一个utlis文件夹

utlis文件夹中分别新建

api.js        fetch.js        img.js

fetch.js代码参考

api.js代码参考

img.js代码参考

在main.js中引入api并挂载在Vue的prototype上

在视图app.vue中使用放在div标签中

在命令行安装包

安装路由

cnpm install vue-router -S

安装状态管理

cnpm install vuex -S

安装axios

cnpm install axios -S

安装sass

cnpm install node-sass -D

cnpm install sass-loader -D

在package.json中写：

命令启动方便 npm start 把项目跑起来

安装element-ui

cnpm install element-ui -S

在main.js中引入并注册即可使用