创建Vue3工程
Vue框架是由尤雨溪开发的,是受到React框架和MVVM模型的启发,在2023年,Vue2停止了维护,所以我们创建Vue3的工程
创建Vue3工程有两种方法,一是使用vue-cli,也就是Vue脚手架,二是vite,官方推荐使用vite,所以我们使用vite来创建工程
我这里插一嘴,vite也是尤雨溪开发的。好,我们回归主题
首先确保电脑上有node.js环境,如果在终端输入node是这样,代表有node.js环境:
这是会显示node.js的版本号,正在等待你输入代码,按下ctrl+d即可退出。
如果没有node.js环境,就会这样:
如果没有则进入Node.js官网选择稳定版进行下载(“Node.js官网”这几个字为链接,点击即可跳转)
然后输入npm进行测试:
若输出以上内容则代表安装成功
如果还是输出不是内部或外部命令,则代表下载失败
然后我们在自己想要的地址(例如我在文件夹里)在路径上输入"cmd"进入命令终端(注意路径),然后输入"npm create vue@latest"这个命令(复制时不要加上双引号)
然后为工程取个名字(最好就是由英文字母数字下划线组成):
我们可以看到,包的名称默认跟项目(工程)名称相同,我们不用管,直接回车:
我们可以看到它让你选功能,我们只选TypeScript这个功能:
我们可以看到它瞬间就创建好了,但vue-cli效率很低
好,Vue3的工程创建好了,那么我们下次来分析以下Vue3工程的结构
再见!