vue 创建工程

本文详细介绍了如何通过Node.js及npm来安装Vue3,并配置淘宝源以提高下载速度。此外,还提供了设置缓存和全局变量存放路径的方法,以及创建Vue3项目的步骤,包括选择项目特性如Babel、TypeScript等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1. Npm 安装vue3

1.1)安装nodejs

1.2)配置淘宝源

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

1.3)在nodejs目录下建2个文件夹

node_global   node_cache

1.4)执行命令

npm config set prefix "D:\program\nodejs\node_global"

npm config set cache "D:\program\nodejs\node_cache"

1.5)测试

Npm install express -g

1.6)上面那个是改变了npm默认的 缓存和全局变量存放地

如果用上面的,需要在PATH中指定2个路径

D:\program\nodejs;D:\program\nodejs\node_global

否则会发现要么node找不到  要么vue找不到

默认是

C:\Program Files (x86)\Common Files\Oracle\Java\javapath;C:\Windows\system32;C:\

Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\

Program Files\Git\cmd;C:\Program Files\nodejs\;C:\Users\wzkj1\AppData\Local\Prog

rams\Python\Python38\Scripts\;C:\Users\wzkj1\AppData\Local\Programs\Python\Pytho

n38\;C:\Users\wzkj1\AppData\Roaming\npm(这个是npm的环境变量)

  

1.7)创建vue工程

npm install -g @vue/cli

Vue create vue3demo

手动模式

选择 babel  typescript router  vuex csspre-processors linter/formatter

vue3

不用class-style模式

不用类模式

使用typescript模式

需要路由

使用package.json模式

不采用这个作为以后的模板

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值