今日,小试了一下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

        执行完命令后,会自动在浏览器中打开欢迎页面

Logo

前往低代码交流专区

更多推荐