欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

vue3.0 安装教程

最编程 2024-06-16 15:51:16
...

vue3.0安装

vue3.0安装 个人推荐以下2种

(1). 开发工具的对应代码中 插入CDN
<script src="https://unpkg.com/vue@next"></script>
(2). 通过npm 官方安装node
  • 去百度搜索Node.js

  • 下载完成后,点击Next即可--下一步--,直至安装完成出现Finsh。

  • 查看是否安装成功

    node -v 查看 node 版本
    npm -v 查看 npm 版本
    

    安装成功后,第一步

    1. 淘宝镜像
     
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    
    如需查看则
    cnpm -v
    
    
    

3.vue环境  
 cnpm instal   -g vue @vue-cli
温馨提示:需要在有网的情况下装  必须等 这35个走完
如果在装载过程中停止了,需要重复这个代码,重新加载,直到加载完成

检查vue是否装载好了,     vue -V 
  版本需是4.5以上的版本  
 桌面新建一个项目     cd desktop
   创建项目格式    vue create ProjectName  例如 vue create todolist
  选择 Manually select Features   (利用上下键进行选择)

选择下图中的这几项,利用上下键选择 选中按 空格键 接着选下一个 全部选择完成后,则按下 回车键

选择版本  由于我们安装的是vue3.0 选择 3.x

设置对应的功能如下图所示

完成上述,则可进入 vscode中 打开 终端, 输入 npm run serve
  如果个人修改过package.json中的scripts--serve,则根据修改后的名称运行上述代码

<

 运行成功后,会自动为其开通8080端口      Ctrl+鼠标左键  选择下图中的local 
 跳转至网页出现下图则安装成功