为什么要使用Vue-cli脚手架
Vue-cli脚手架自带多种插件,这些插件能帮助开发者提高项目开发的效率,快速搭建项目开发环境
安装Vue-cli之前的环境准备
安装Node.js
1.版本查看命令:node -v
2.Node.js安装包携带了NPM包管理器
安装cnpm
因为npm国内使用下载速度很慢,所以使用cnpm从一个淘宝团队搭建的npmjs.org镜像网站下载我们所需要的js包,这样速度会快很多
1.安装命令:npm install -g cnpm--registry=https://registry.npm.taobao.org
2.查看版本号:cnpm -v
安装Yarn
1.安装命令:npm install -g yarn
2.查看版本:yarn -v
安装Vue-cli脚手架工具
1.安装命令:cnpm install -g @vue/cli
2.查看版本号:vue -V
使用Vue-cli创建项目
1.创建项目命令:vue create vue-manage
项目名不能出现大写字母。 如果安装了yarn,在创建项目的过程时会让你选择使用yarn还是npm安装项目依赖。
2.运行项目:npm run serve