0
点赞
收藏
分享

微信扫一扫

ArcGIS 最新底图服务地址

践行数据分析 2024-11-02 阅读 6

开发环境:

  • vue 版本:vue3
  • node 版本:18.3 以上 淘宝镜像配置
  • 开发工具:VsCode

目录

1、node下载

node官网:https://nodejs.cn/download/

2、vue-cll 安装

3、淘宝镜像配置

4、VsCode 的下载安装

5、安装 Chrome 浏览器

6、万事俱备,开始创建vue3项目

(1)vite 的安装

(2)项目文件夹创建

(3)创建 vue3+Ts 项目

(4)安装依赖运行vue3项目


1、node下载

  • node官网:https://nodejs.cn/download/

2、vue-cll 安装

  • vue 官网:https://cn.vuejs.org/guide/quick-start.html
//安装vue脚手架
npm install -g @vue/cli  

vue -V  //查看版本信息,能够查看到就说明安装成功了

3、淘宝镜像配置

  • 将npm默认的registry修改为淘宝registry
  • npm 默认的 registry ,下载 npm 包时会从国外的服务器下载,国内下载会很慢,可以更换为国内镜像:
  • https://registry.npm.taobao.org(官方已更换域名) https://registry.npmmirror.com。
  • 相关文档:Node.js安装与配置(详细步骤)_nodejs安装及环境配置-CSDN博客
1、查看当前镜像路径
npm config get registry

2、更换npm为国内镜像
// npm config set registry https://registry.npm.taobao.org (旧的已废弃)
npm config set registry https://registry.npmmirror.com (新的)

3、检查镜像是否配置成功
npm config get registry

4、VsCode 的下载安装

  • 官方下载地址:Visual Studio Code - Code Editing. Redefined
  • VsCode 中文网:Vscode中文网 vscode中文网 下载 Visual Studio Code
  • Vue - Official插件(官方的vue插件,支持语法高亮、代码提示、代码模板等功能)

5、安装 Chrome 浏览器

  • (1)Chrome浏览器下载地址:Google Chrome 网络浏览器
  • (2)插件工具下载与安装:

6、万事俱备,开始创建vue3项目

(1)vite 的安装

  • 官网地址:开始 | Vite
Vite 需要 Node.js 版本 >= 12.0.0。

//全局安装vite 
npm install -g vite
//查看版本
vite -v

(2)项目文件夹创建

(3)创建 vue3+Ts 项目

npm create vue@latest //创建vite 工程项目

(4)安装依赖运行vue3项目

  • 此时vue3+TS+vite的项目已经创建完成

更多Vue3相关文档:

  • 从入门到精通:Vue3一篇文章搞定!-CSDN博客
  • https://cn.vuejs.org/guide/quick-start
举报

相关推荐

0 条评论