如何在Mac苹果电脑系统上使用node.js安装vue.js

如何在Mac苹果电脑系统上使用node.js安装vue.js

简洁明了,就这么几个步骤

  1. 首先官网下载node安装包: https://nodejs.org/zh-cn/
  2. 打开终端:
Finder
launchpad
其他
终端

如何在Mac苹果电脑系统上使用node.js安装vue.js

  1. 首先测试一下node是否安装成功:在终端输入node -v 成功后会显示版本号,随着更新版本也会不同,说明环境已经安装成。然后同理再npm -v 检测npm的版本号。node的版本要在6.9以上 npm的版本在3.10以上就可以正常使用了。

  2. 安装全局cli :sudo npm install —global vue-cli
    测试vue是否安装成功:vue --version

  3. 创建一个基于webpack模版的新项目:vue init webpack my-project
    会对项目进行一些配置
    Project name:项目名称(可以重命名,一般直接回车默认);
    Project description:项目描述(根据项目自己随意写);
    Author:作者(自己或团队的名字);
    Vue build:(直接回车);
    Install vue-router:vue的路由组件(早晚都的装,建议Y直接回车);
    Use ESLint to lint your code:严谨模式(会对初学者造成不便,No回车);
    Setup unit tests with Karma + Mocha?(会对初学者造成不便,No回车);
    Setup e2e tests with Nightwatch?(会对初学者造成不便,No回车);

  4. 安装依赖
    进入项目目录:cd my-project 输入依赖命令 npm install 回车

  5. 安装成功后启动项目:npm run dev
    如何在Mac苹果电脑系统上使用node.js安装vue.js
    显示页面,安装成功!