第一步: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
进入项目
cd zoo-plus-vue
安装依赖
cnpm install
运行
cnpm run dev
访问ok