Rumah > hujung hadapan web > View.js > 怎么运行vue.js

怎么运行vue.js

藏色散人
Lepaskan: 2023-01-13 00:44:59
asal
9603 orang telah melayarinya

运行vue.js的方法:首先搭建好环境;然后通过命令“cd desktop/项目名称”进入项目;接着通过命令“npm install”安装依赖;最后使用命令“npm run dev”运行项目即可。

怎么运行vue.js

本教程操作环境:windows7系统、vue2.0版本,Dell G3电脑。

【相关文章推荐:vue.js

运行vue项目(github项目)

安装node.js

从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了(傻瓜式安装)。

安装完成之后,打开命令行工具,输入 node -v,npm包管理器,是集成在node中的,所以,直接输入 npm -v就会如图所示,显示出npm的版本信息。如下图,如果出现相应的版本号,则说明安装成功。

e57be2c5fd80c767150ae4172bfbcb9.png

3c1532332032b982564a91a432875fd.png

2.安装cnpm

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

在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org

如果mac下安装失败,提示权限不够,在命令行下输入

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose
Salin selepas log masuk

3.安装webpack

npm install webpack -g
Salin selepas log masuk

4.安装vue-cli

cnpm install vue-cli -g
Salin selepas log masuk

这个过程会耗时十几秒,等走完就好

好了,这时候整个环境搭建好了,接下来运行项目

首先

cd desktop/项目名称
Salin selepas log masuk

然后,进入项目之后安装依赖

npm install
Salin selepas log masuk

再然后

npm run dev
Salin selepas log masuk

这时候你会看到项目已经在浏览器中运行了。

Atas ialah kandungan terperinci 怎么运行vue.js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
vue
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan