搭建vue项目的过程

搭建Vue项目全攻略

最新推荐文章于 2025-07-20 20:38:19 发布

crazyFengGan

最新推荐文章于 2025-07-20 20:38:19 发布

阅读量745

点赞数

CC 4.0 BY-SA版权

分类专栏： vue学习笔记 vue学习

本文链接：https://blog.youkuaiyun.com/crazyFengGan/article/details/97812807

vue学习笔记同时被 2 个专栏收录

6 篇文章

订阅专栏

vue学习

4 篇文章

订阅专栏

本文详细介绍了在Windows环境下安装Node.js及配置环境变量的过程，包括32位和64位安装包的下载链接，以及如何设置npm的全局模块和缓存路径。此外，还提供了使用淘宝镜像加速npm包下载的方法，最后讲解了如何通过vue-cli脚手架创建和初始化Vue项目。

搭建vue项目的过程

1.

在这里插入图片描述

（1）Windows 安装包(.msi)

	32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi
	64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

（2）配置环境

安装完成后的目录如下所示
在这里插入图片描述

1、node_global为npm安装的全局模块所在的路径
2、node_cache缓存cache的路径

npm config set prefix “D:\nodejs\node_global”
npm config set cache “D:\nodejs\node_cache”

①系统变量：进入环境变量对话框，在系统变量下新建NODE_PATH，输入D:\nodejs\node_global\node_modules
②用户变量：将用户变量下的Path修改为D:\nodejs\node_global
在这里插入图片描述

npm install -gd express --registry=http://registry.npm.taobao.org；

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

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

目前为止我们已经把node安装并怕配置完成了
下面安装脚手架创建项目
在这里插入图片描述
cnpm install -g vue-cli

至此我们项目已经创建成功，并初始化完成。