1.Vue下载

1.Vue下载

通过js

vue教程

1
https://cn.vuejs.org/v2/guide/

vue下载链接

1
https://cn.vuejs.org/js/vue.js

导入

1
2
3
4
5
6
7
8
9
10
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/vue.js"></script>
	</head>
	<body>
		
	</body>	
</html>

通过npm

  • npm安装vue脚手架

    1
    npm install -g @vue/cli

  • 创建项目

    1
    vue ui

  • 之后会进入ui界面进行创建项目

  • 之后就会自己创建了，如果报错试试管理员打开cmd来创建

  • 安装开发者工具

运行项目

1
npm run serve

修改端口和添加代理

官方文档：DevServer | webpack

  • 在vue.config.js中修改配置

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    const { defineConfig } = require('@vue/cli-service')
    module.exports = defineConfig({
      transpileDependencies: true,
      devServer: {
        // 配置端口
        port: 7070,
        // 添加代理
        proxy: {
          '/api': {
            target: 'http://localhost:8080',
            changeOrigin: true,
          }
        }
      }
    })
学习笔记 > 前端 > Vue
#前端 #Vue
1.Vue下载
http://xwww12.github.io/2022/07/29/前端/vue/1.Vue下载/
作者
xw
发布于
2022年7月29日
许可协议