Vue脚手架搭建项目

本文详细介绍了如何搭建Vue.js项目,从安装Node.js,配置全局下载路径和环境变量,解决权限问题,到安装cnpm加速下载。接着,文章讲解了Vue-cli的安装,自定义项目环境的选择,以及如何启动项目。此外,还探讨了项目配置,包括项目结构、Scss预处理器的使用和Vuex的持久化缓存。最后,文章提到了Node.js版本切换的方法,包括安装nvm、修改配置、安装和切换不同版本。
摘要由CSDN通过智能技术生成

一、 安装Node.js
(一) 注意事项

  1. 注意电脑系统版本以及位数,按照自己电脑的环境下载相应的Node.js安装包
  2. 确定运行项目的Node.js版本和npm版本,避免后期因为版本不同而产生的一些差异问题
  3. 在官网下载Node安装包时请下载稳定版(或不同版本的稳定版),正确区分稳定版(LTS)和最新版(Current)
    (二) 下载安装
    在这里插入图片描述
    双击安装包,一直点下一步,请自定义安装目录(推荐),然后一直点下一步,最后安装成功即可。
    (三) 检测验证
    在键盘按下【win+R】键,输入cmd,然后回车,打开命令行界面,进入命令提示符窗口,分别输入以下命令,显示版本号,则安装成功
node -v         显示安装的nodejs版本
npm -v         显示安装的npm版本

在这里插入图片描述
(四) 更改全局下载路径
1、 一般情况下全模块所在路径和缓存路径放在node安装目录,所以在安装目录下新建【node_global】和【node_cache】文件
在这里插入图片描述

2、 命令行设置路径
打开命令行界面,输入下面命令:

npm config set prefix " C:\Tools\web\Nodejs\node_global"
npm config set cache " C:\Tools\web\Nodejs\node_cache"

(五) 配置环境变量
1、 在【用户变量】Path下新增【C:\Tools\web\Nodejs\node_global】环境变量
在这里插入图片描述
2、 在系统变量下新建【NODE_PATH】,变量值:【C:\Tools\web\Nodejs\node_global\node_modules】
在这里插入图片描述
3、 在系统变量【Path】下新增【%NODE_PATH %】变量
在这里插入图片描述
4、 测试验证

npm install express -g     # -g是全局安装的意思(会下载到C:\Tools\web\Nodejs\node_global\node_modules目录),不加 -g 就是默认下载到当前目录

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值