第一步:npm安装:

先从nodejs官网下载nodejs,然后安装。

第二步:检查版本

node -v
npm -v

虽然node自带npm,但如果不是最新版本的话,可以运行指令

npm install -g npm

第三步:使用淘宝NPM 镜像

大家都知道国内直接使用npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。

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

这样就可以使用cnpm 命令来安装模块了:

第四步:安装vue-cli

全局安装 vue-cli

cnpm install vue-cli -g 

查看vue-cli是否成功

vue -V

第五步:新建项目

选定路径,新建vue项目,这里我是在桌面上新建了vueproject文件夹,cd目录路径下面我一项目名为zoo-plus-vue

vue init webpack zoo-plus-vue

提示目录已存在,是否继续:Y

Project name(工程名):回车

Project description(工程介绍):回车

Author:作者名

Vue build(是否安装编译器):回车

Install vue-router(是否安装Vue路由):回车

Use ESLint to lint your code(是否使用ESLint检查代码,我们使用idea即可):n

Set up unit tests(安装测试工具):n

Setup e2e tests with Nightwatch(测试相关):n

Should we run `npm install` for you after the project has been created? (recommended):选择:No, I will handle that myself

新建一个vue项目_新建项目

进入项目

cd zoo-plus-vue

 安装依赖

cnpm install

运行

cnpm run dev

访问ok