vue-cli的安装

vue-cli的安装

(自己也是刚刚接触前端框架,这个文章是看了学习视频整理总结写的)
在安装vue-cli之前,首先需要保证电脑中已经安装了node.js和npm,node.js的安装直接到其官网上面下载安装即可,npm包管理器是集成在node中的,所以,直接输入npm -v 就会显示npm版本信息。
cmd打开命令行窗口,输入node -v得到node的版本号,再输入npm -v得到npm的版本号,如果两条命令都可以正常运行,则说明电脑中已经安装好了node和npm,接着就可以正式安装vue-cli了。
vue-cli的安装

全局安装vue-cli

在命令行窗口输入命令 npm install --global vue -cli 点击回车,系统则开始下载安装
vue-cli的安装

创建一个基于webpack模板的新项目

在命令行窗口输入命令 vue init webpack todolist(即你起的项目名称)点击回车,对你的项目进行设置,包括名称 作者 项目类型等,等待大约两分钟,看到页面显示finished即可
vue-cli的安装

安装依赖

在命令行窗口输入命令 cd todolist(即你起的项目名称)点击回车
在命令行窗口输入命令 nmp run dev 点击回车,得到结果如下即可
vue-cli的安装