vue基础环境搭建

vue 环境搭建

0.安装node.js
安装好后查看版本号:

 node -v 

在这里插入图片描述
出现版本号即说明安装成功
1.查看npm 版本号

npm -v

如果版本过低,则升级
#升级 npm

cnpm install npm -g

2.切换镜像依赖为国内的地址,默认国外的会很慢

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

vue基础环境搭建_第1张图片
3.安装vue-cli 脚手架构建工具

cnpm install -g vue-cli 

vue基础环境搭建_第2张图片
等待安装,安装完成后,输入 vue ,输出一堆说明信息,则说明vue 安装成功
4.搭建项目

vue init webpack demo_vue 

vue基础环境搭建_第3张图片
接着按照提示的输入内容即可
5.运行项目
vue基础环境搭建_第4张图片
6.浏览器中出现如下界面,标识vue环境搭建成功
vue基础环境搭建_第5张图片
参考链接:初识vue.js,我的学习之路(一)

你可能感兴趣的:(web)