vue+vite 开发环境配置

# 安装node

http://nodejs.cn/download/ 下载安装

检验是否安装成功

node -v

npm -v

# 改变原有环境

配置npm的全局模块的存放路径、cache的路径，如果c盘空间不足，尽量放D盘D:\vueCode

npm config set prefix "D:\vueCode\node_global"

npm config set cache "D:\vueCode\node_cache"

npm config get prefix

npm config get cache

# 全局安装常用模块

npm install express -g

npm install vue -g -S

# 安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

npm config set registry http://registry.npm.taobao.org

cnpm -v

 

# 安装 vue

npm install vue -g -S

# vite 新建项目

npm init vite <project_name>

例如： npm init vite test01

选择 vue    typescripte

  cd test01

  npm install  安装项目依赖

  npm run dev  运行项目

# 配置项目

配置tsconfig.json   vite.config.ts 后续文章补充