提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
前言
利用命令行窗口安装vue脚手架
一、vue脚手架是什么?
vue脚手架指的是vue-cli,是由Vue提供的一个官方cli,它是一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。
二、安装
1.全局安装@vue?cli
命令行输入:
npm install -g @vue/cli
成功界面如下:
想查看是否成功,可输入:
vue -V
若成功,则为以下界面
2.创建项目
切换到要创建项目的目录,输入:
vue create ×××
3.启动项目
输入:
npm run serve
备注
(1)安装vue脚手架之前须安装nodejs,可进入菜鸟安装教程查看安装步骤
(2) 若下载太慢,可切换淘宝镜像
npm config set registry http://registry.npm.taobao.org/
安装出错
1. 有残留安装文件
我第一次安装还没成功就被我不小心关掉,第二次就这样报错,有可能是没卸载干净,无法安装
输入命令行,卸载之前的版本,然后再继续执行之前的安装步骤即可
npm uninstall vue-cli -g
2. 淘宝镜像源的问题
有些人不能用淘宝镜像源,只需切换为原来的镜像
npm config set registry https://registry.npmjs.org/
3. 管理员问题
用管理员权限打开命令行窗口,输入安装操作