如何运行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"