Vue3从零开始系列-01_环境搭建
环境搭建这里的环境搭建,就是我要看到这些东西怎么开发。下载基本2个思路。1.直接在web上写代码,上手干2.自己把材料准备好,写完,运行我选的是第2种,我不想弄的很复杂。说说准备1.一个文本编辑器(EditPlus,Notepad,Sublime)这里我用的Sublime2.这里提供几个网站,把代码下载一下https://www.jsdelivr.com/package/npm/vuehttps:
环境搭建
这里的环境搭建,就是我要看到这些东西怎么开发。
下载
基本2个思路。
1.直接在web上写代码,上手干
2.自己把材料准备好,写完,运行
我选的是第2种,我不想弄的很复杂。说说准备
1.一个文本编辑器(EditPlus,Notepad,Sublime)
这里我用的Sublime
2.这里提供几个网站,把代码下载一下
https://www.jsdelivr.com/package/npm/vue
https://unpkg.com/browse/vue@3.2.9/dist/
也可以参考一下官网安装
我弄一种我的方式:
https://cdn.jsdelivr.net/npm/vue@3.2.9/dist/vue.global.min.js
然后新建一个vue.global.min.js
复制进去
总之,我需要一个目录来放代码和js文件
类似这样。
引入
然后新建一个HTML的模板,方便以后复制,修改直接撸代码
01_VUE3_Study_基本模板.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>01_VUE3_Study_基本模板</title>
<meta charset="utf-8">
<meta author="Daniel_shi">
</head>
<body>
</body>
</html>
<script src="vue.global.min.js"></script>
<script type="text/javascript">
</script>
打开浏览器,F12.
You are running a development build of Vue.
Make sure to use the production build (*.prod.js) when deploying for production.
提示你运行ok,这里我们用的是开发环境的js,然后我们没有用官方的开发工具,所以有黄色的提示。
弄到这一步,基本环境搭建好了。
更多推荐
所有评论(0)