vue-cli 脚手架安装

vue-cli 脚手架安装

    • node安装
    • vue-cli 全局安装
    • 部署项目
    • 打包项目

node安装

1.如果不确定自己是否安装了node,可以在命令行工具内执行:node -v (检查一下版本);
在这里插入图片描述
2.如果执行结果显示:xx不是内部命令,说明你还没有安装node , node安装参考:Windows系统下载安装Node.js
node下载地址:http://nodejs.cn/download/

注意:安装vue-cli脚手架目前需要node版本为v4.0以上;

vue-cli 全局安装

1.删除npm缓存

npm cache clean --force

在这里插入图片描述
2.全局卸载

npm uninstall vue-cli -g

在这里插入图片描述

3.设置npm下载创库

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

4.查看长仓库,可以看到设置过的所有的仓库

npm config get registry

在这里插入图片描述

5.全局安装

npm install -g vue-cli

vue-cli 脚手架安装_第1张图片
6.验证vue-cli是否安装成功

vue

vue-cli 脚手架安装_第2张图片
出现上面输出说明安装成功了。

7.安装cnpm

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

在这里插入图片描述

8.验证cnpm是否安装成功

cnpm -v

vue-cli 脚手架安装_第3张图片
出现上面输出说明安装成功了。

部署项目

# 安装依赖
npm install

# 启动项目
npm run serve

打包项目

npm run build

你可能感兴趣的:(Vue)