vue-cli 使用入门
今日,小试了一下vue官网提供的脚手架工具,把简单的安装流程记录下来,和大家分享:1、到node官网下载 node.js 并安装: https://nodejs.org/en/ 此次我下载了最新的7.3.0版本,然后安装。 安装完之后,打开命令行工具,输入 node -v 即可查看 安装的版本,出现版本号即说明安装成功。2、注册淘宝镜像
今日,小试了一下vue官网提供的脚手架工具,把简单的安装流程记录下来,和大家分享:
1、到node官网下载 node.js 并安装:
https://nodejs.org/en/ 此次我下载了最新的7.3.0版本,然后安装。
安装完之后,打开命令行工具,输入 node -v 即可查看 安装的版本,出现版本号即说明安装成功。
2、注册淘宝镜像
到 http://npm.taobao.org/ 官网 查看使用说明:
使用命令 npm install -g cnpm --registry=https://registry.npm.taobao.org 即可注册
之后,有用到 npm 命令的地方,都用 cnpm 代替即可。
3、安装vue-cli 脚手架工具
到官网 https://github.com/vuejs/vue-cli 看使用说明:
(1)全局安装 cnpm install -g vue-cli (注意:此处用 cnpm 代替官网说明上的 npm, 以下同,不再说明)
(2)安装模版,此处选择webpack。 vue init webpack my-project
4、按提示操作,输入项目信息
(1)cd 项目目录
(2)cnpm install
(3)cnpm run dev
执行完命令后,会自动在浏览器中打开欢迎页面
更多推荐
所有评论(0)