一、安装node环境和淘宝镜像
- 到node 官网找到和自己的电脑相匹配的版本下载下来,然后进行安装。
下载地址:https://nodejs.org/en/
(LTS:长期支持版,稳定;Current:最新版)
- 安装完打开cmd,输入node-v(有显示版本一般就是安装成功了)
- 再输入npm install -g cnpm --registry=http://registry.npm.taobao.org ,安装淘宝镜像。
(因为已经安装了淘宝镜像,所以有用到npm的地方可以直接用cnpm来代替)
二、vue环境的搭建
- 安装vue-cli脚手架构建工具
输入npm install -g vue-cli 或 cnpm install -g vue-cli - 进入你所需要的路径
输入:vue init webpack 项目名
补充:
Project name 项目名称(自己取);
Project description 回车即可;
Author 项目作者(可输入也可不输入);
Vue build 打包方式,回车即可;
Install vue-router 是否需要安装 vue-router,Y 回车;
Use ESLint to lint your code 是否需要 Js 语法检测,不需要 N 回车;
Set up unit tests 是否安装单元测试工具,不需要 N 回车;
Setup e2e tests with Nightwatch N 回车;
Should we runnpm install
for you after the project has been created? (recommended) 选择第三个No - 进入项目,安装依赖
进入项目目录:输入 cd 项目名
安装依赖:npm install 或 cnpm install - 启动项目
输入 npm run dev
打开浏览器,输入http://localhost:8080