前端小白Vue环境安装以及安装目录修改

 修改安装目录:

1创建一个npm下载安装插件的安装目录文件夹

2创建两个文件夹,分别叫node_global_modules和node_cache(起名按照自己理解,非固定)
在命令行输入指令

npm config set prefix “第一个文件夹的路径”
npm config set cache “第二个文件夹的路径”

3执行npm config ls来查看设置的结果

npm config ls

4设置完就可以把原来默认路径下的文件夹删除了一般在下面的目录下:



修改npm源:

1首先先安装cnpm,用cnpm代替npm去下载安装插件:

npm i -g cnpm

2安装完去配置环境变量
1获取现在的默认npm源:此时打开node_global_modules文件夹,复制文件路径添加到环境变量的path中(配置环境变量是为了在任意位置都可以使用cnpm命令):

 

3现在的默认源

npm get registry


4修改为淘宝镜像源

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

Vue环境:

1安装脚手架:

 cnpm i -g @vue/cli


2创建Vue项目(新建一个项目文件夹,在文件夹目录下打开命令行):

vue create 项目名

以下可以按照需要选择!!!!
3自定义配置(第三个):
选 choose Vue session , bable , router , Vuex
2.x
y
In package.json
n
运行(进入到项目里运行)npm run serve

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值