Rumah > hujung hadapan web > tutorial js > 如何新建一个vue项目

如何新建一个vue项目

一个新手
Lepaskan: 2018-05-11 13:43:45
asal
6979 orang telah melayarinya

用命令行生成vue项目框架需要npm包管理器来安装,而npm又是在安装nodejs的时候同时安装的,所以首先要安装nodejs。安装完成后,打开cmd。


输入 node -v, 出现类似v6.11.2这样的版本号说明node安装成功。

输入 npm -v, 出现类似v3.10.10这样的版本号说明npm安装成功.


然后开始新建一个vue项目:

(1)安装脚手架工具: npm install -g vue-cli --registry=https://registry.npm.taobao.org    ---淘宝镜像比较快

(2)安装完成后输入 vue --version ,能看到版本号说明安装成功。

 ( 3 ) 创建框架项目  vue init webpack my-project     ---(my-project是项目名称)

(4)查看当前项目文件: 输入 cd eleme , 再输入dir 即可查看文件信息。

(5)安装依赖

npm install --registry=https://registry.npm.taobao.org
Salin selepas log masuk

安装完成后会在文件夹中发现多了个node_modules文件夹,到这里脚手架就已经安装完成了。

(6)启动vue项目:

 npm run dev
Salin selepas log masuk

打开浏览器:输入

http://localhost:8080
Salin selepas log masuk

Atas ialah kandungan terperinci 如何新建一个vue项目 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
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