vue脚手架篇(六)vue-cli

安装

环境(以下其一)

npm

cnpm

yarn

安装指令

指令

npm i @vue/cli -g

查看版本

vue -v

初始化项目

一. 命名方式

vue create 项目名称

创建成功后,打开该项目文件夹,执行

npm run serve

出现如下页面即为成功

根据显示的步骤走

二.可视化窗口方式(推荐)

vue ui

跳转到UI界面,创建成功后,进入下面页面:

点击启动app
跳转到如下页面,即为成功

下载项目需要的依赖包

执行以下其一

npm i 包名 --save 

cnpm i 包名 --save 

yarn add 包名 --save 

卸载项目不需要的依赖包

执行以下其一

npm uninstall 包名 --save 

cnpm uninstall 包名 --save

yarn remove 包名 --save

根据package.json 安装依赖包

执行以下其一

 npm i  

cnpm i

yarn

拓展

修改npm镜像

npm config get registry
npm config set registry https://registry.npm.taobao.org 

cnpm修改镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

nrm修改镜像

npm i nrm -g
nrm ls
nrm use taobao

yarn修改镜像

cnpm i yarn -g
yarn --version
yarn config get registry
yarn config set registry https://registry.npm.taobao.org