如何运行Vue项目

步骤:

一、安装 node.js

从node.js官网(https://nodejs.org/zh-cn/download/)下载并进行傻瓜式安装。安装完毕之后。“win+R”—>cmd 打开命令输入框,输入命令"node -v",查看node版本。若出现相应的版本号,即代表安装成功。

npm包是集成在node中的,安装了node也就有了npm。输入命令"npm -v",查看npm版本。

在这里插入图片描述
二、安装 cnpm

(由于有些npm资源被屏蔽或者是国外资源的原因,经常会导致npm安装依赖包的时候失败,所以我们还需要npm的国内镜像—cnpm)

输入命令"npm install -g cnpm --registry=http://registry.npm.taobao.org",等待安装。如果一遍没有安装成功就关闭cmd,再重新安装一次。
在这里插入图片描述
三、安装 vs code

从官网下载安装

–修改语言:Ctrl +Shift +P—>Configure Display Language)

四、运行 vue项目

1、用vs code打开你要运行的vue项目的文件夹

在这里插入图片描述
2、安装前端依赖

两种方式:

①在vs code 终端上安装:

在这里插入图片描述
**若运行cnpm install 后,出现

在这里插入图片描述
问题出现在sass loader,执行下面的命令:cnpm rebuild node-sass,
再执行cnpm install

②直接在文件夹中安装:

开始—附件—Windows PowerShell—Windows PowerShell,输入命令"cnpm i"

3、安装成功后,项目中多了一个文件夹
在这里插入图片描述
4、在vs code终端中,输入命令"npm run dev"

在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐