idea运行vue项目,用vue做项目流程

如何运行Vue项目

步骤：

一、安装 node.js

从node.js官方网站(https://nodejs.org/zh-cn/download/) ) )下载，傻傻老实实地安装。 安装完成后。 winr—cmd打开命令输入框，然后输入命令“节点- v”以显示节点版本。 如果显示了适当的版本号，则表示安装成功。

npm软件包已集成到node中，如果安装了node，则还有npm。 输入命令“npm -v”以验证npm的版本。

二、安装 cnpm

(由于某些npm资源被阻止或海外资源，npm在安装依赖软件包时经常失败，因此还需要作为npm国内镜像的cnpm。)

输入命令' NPM install-gcn pm-- registry=http://registry.NPM.Taobao.org '，然后等待安装。 如果安装失败，请关闭cmd，然后重新安装。三、安装 vs code

从官方网站下载安装

语言更改： ctrlshiftp-configuredisplaylanguage )

四、运行 vue项目

1、打开在vs代码中运行的vue项目的文件夹

2、安装前端依赖

两种方法：

在vs code终端上安装：

当运行cnpm安装时

问题发生在sass loader中，并运行以下命令： cnpm重建节点- sass，

运行cnpm安装

直接安装在文件夹中：

输入开始-附件- windows powershell-windows powershell，命令' cnpm i '

3、安装成功后，项目中多了一个文件夹

4、在vs code终端上，输入命令' npm run dev '