vue 环境搭建

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

 node -v 

vue基础环境搭建
出现版本号即说明安装成功
1.查看npm 版本号

npm -v

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

cnpm install npm -g

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

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

vue基础环境搭建
3.安装vue-cli 脚手架构建工具

cnpm install -g vue-cli 

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

vue init webpack demo_vue 

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

相关文章: