Vue快速搭建

一、node安装

1、首先安装node

下载地址：https://nodejs.org/en/download/

目前新版本的 node都内置 npm，所以npm无需在单独安装。

 

2、检测node是否运行成功

打开 命令行 运行 node -v， 如果node安装并运行成功会 显示 node版本号。

 

3查看npm是否安装成功

npm -v

 

二、配置npm淘宝镜像

由于npm服务器在国外，下载node包会比较慢，所以我们配置使用淘宝镜像。

执行

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

以后可以用 cnpm 代替 npm。

 

三、vue-cli安装

1、安装vue-cli

npm install vue-cli -g

 

2、创建项目所在目录

 

3、进入目录，初始化项目 vue init webpack vue-demo

可以一路回车，直到 询问是否要安装 vue-router 项目中肯定要使用到 所以 y 回车

 

4、是否需要 js 语法检测 目前我们不需要 所以 n 回车

 

5、是否安装 单元测试工具 目前我们不需要 所以 n 回车

 

6、是否需要 端到端测试工具 目前我们不需要 所以 n 回车

 

7、到此为止一个Vue项目被我们创建成功，我们进入vue-demo目录

 

8、执行 npm install，对依赖包进行下载。

 

9、npm run dev 运行我们的Vue项目。