首页 Vue-cli4脚手架搭建
文章
取消

Vue-cli4脚手架搭建

为什么要使用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

本文由作者按照 CC BY 4.0 进行授权