Vue-cli

作者: IT者 | 来源:发表于2018-05-31 13:44 被阅读0次

对于vue这个渐进式框架我就不多介绍了,不了解的可以去官网看看:https://cn.vuejs.org/

别的不多说,我们先来看看构建脚手架需要哪些准备工作:

1.我们的电脑首先要安装node:点此下载node

2.先全局安装vue-cli:

第一步:Windiw+R打开命令板:输入指令:npm install vue-cli -g (在国内使用npm下载速度较慢,你可以先安装一个淘宝镜像:输入指令:npm install -g cnpm --registry=https://registry.npm.taobao.org)

第二步:下载完成后我们可以检查一下是否下载成功:输入指令:vue -V   (输出版本号即安装成功)

3.初始化项目:

在你想要创建项目的目录下,打开命令板:在搜索条中输入cmd  然后回车 

然后输入指令:vue init webpack 项目名称

这样就OK了

4.安装依赖环境:

在项目根目下输入指令:npm install 

5.运行项目:

在项目根目下输入指令:npm run dev

运行成功后终端会给你一个本地借口(比如 loaclhost:8080),在浏览器上输入地址,就OK

相关文章

网友评论

      本文标题:Vue-cli

      本文链接:https://www.haomeiwen.com/subject/yfjqsftx.html