首页 > 其他分享 >vue框架搭建流程

vue框架搭建流程

时间:2022-08-26 15:56:50浏览次数:50  
标签:node npm vue 流程 cache 路径 安装 搭建

注意要用VUE新版本@vue-cli

一、检查node和npm是否已安装

win+r打开命令工具,输入cmd,后依次输入node -v和npm -v。
若能显示版本号,则安装成功。若不能,node下载路径为Node.js。 npm下载为npm install npm -g

二、配置node环境

1. 首先在node.js的安装目录根目录下新建两个文件夹:node_global和node_cache(第二步cache配置用到);

--

2. 打开命令行工具,输入 npm config set prefix 刚刚新建的node_global文件夹路径
- 如: npm config set prefix D:\\Program Files\\nodejs\\node_global

--

3. 配置缓存cache的路径;
- 配置步骤:输入 npm config set cache "刚刚新建的node_cache文件夹路径
- 用户变量中修改Path变量。npm install express -g

--

4.设置环境变量:
- (1)系统变量中新增NODE-PATH,变量值:“node_gloabal路径/node_modules”;
- (2)用户变量中修改Path变量。npm install express -g

三、安装vue框架

1. 安装全局vue脚手架:npm i vue-cli -g。 暗转完成后查看vue的版本,vue -V,若有,则安装成功。
2. 打开要创建的vue项目目录,输入vue init webpack 项目名称。接下来就一直回车就OK了。1. 1.

标签:node,npm,vue,流程,cache,路径,安装,搭建
From: https://www.cnblogs.com/LuLu-Z/p/16627789.html

相关文章