1.安装node
1.在Node.js官网中下载最新的安装包
2.运行安装包,根据步骤进行安装
3.安装完成后,可以打开cmd命令行,输入node -v
命令来查看node是否安装成功,出现版本号就表示安装成功
2.安装npm
1.npm是包管理器,它是集成在node里面的,所以可以不在单独的对它进行安装,直接在cmd中输入npm -v
来查看npm是否安装成功,出现版本号就表示安装成功
3.安装淘宝镜像cnpm
为什么要安装cnpm呢?因为npm使用的国外的服务器,当使用npm进行依赖的安装的时候,可能会因网络延迟、网络不稳定或者安装的依赖较大等因素,会导致依赖安装失败,所以有时会使用国内的淘宝镜像来进行安装依赖
cnpm和npm的区别:
cnpm安装依赖的速度很快,可能会导致安装的依赖不全,在运行项目时报错;而npm安装依赖的速度较慢,但安装的依赖很完全,基本上不会出现问题
1.在cmd或者项目终端中输入安装cnpm的命令:
npm install –g cnpm --registry=https://registry.npm.taobao.org
2.输入cnpm -v
命令在查看是否安装成功,出现版本号就表示安装成功
4.安装vue-cli脚手架
输入命令:
npm install -g vue-cli 或 cnpm install -g vue-cli
5.初始化Vue,安装项目
1.初始化一个vue项目,输入命令:
vue init webpack my-project
2.然后根据步骤完成安装,大概步骤如下:
- ?Project name :你的项目名称 ,如果不需要修改直接回车默认就可以了。
- ?Project description:项目的描述,如果不需要修改直接回车默认就可以了。
- ?Author:项目作者,一般是从git读取作者的基本信息。
- ?Vue build:项目的打包方式。
- ?Install vue-router? 是否安装vue.js的路由插件,一般都是需要安装,所以选择Yes。
- ?Use ESLint to lint your code? 是否使用ESLint来检测你的代码,暂时不需要(可以后续安装),所以选择No。
- ?Set up unit tests? 是否安装单元测试,暂时不需要(可以后续安装),所以选择No。
- ?Setup e2e tests with Nightwatch? 是否使用Nightwatch设置端到端的测试,暂时不需要(可以后续安装),所以选择No。
3.项目初始化完成
6.项目运行
1.根据提示跳转到项目
cd project (project是你的项目名)
2.运行项目,并启动
npm run dev