VUE开发------环境配置

1、下载Node.js【javascript运行环境(runtime),不同系统直接运行各种编程语言】,vue的运行是要依赖于node的npm的管理工具来实现。
根据自己电脑位数下载同版本的node.js
VUE开发------环境配置_第1张图片
下载安装完成后,检验是否安装成功
在这里插入图片描述
2、因为npm包管理器是集成在node中的,所以,直接输入 npm -v,显示出npm的版本信息
在这里插入图片描述
3、由于在国内使用npm是非常慢的,所以在这里我们推荐使用淘宝npm镜像,使用
淘宝的cnpm命令管理工具可以代替默认的npm管理工具:

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

在这里插入图片描述
4、安装vue-cli脚手架构建工具

cnpm install -g vue-cli

VUE开发------环境配置_第2张图片
5、创建一个vue项目

# 建一个基于 webpack 模板的新项目
Webpack为构建,vue-project为项目名
vue init webpack vue-project

VUE开发------环境配置_第3张图片
6、执行完上一步后查看对应文件夹
VUE开发------环境配置_第4张图片
7、跑到对应文件夹下安装依赖

cnpm install

VUE开发------环境配置_第5张图片
8、启动项目

cnpm run dev

VUE开发------环境配置_第6张图片
这里简单介绍下 npm run dev 命令,其中的“run”对应的是package.json文件中,scripts字段中的dev,也就是 node build/dev-server.js命令的一个快捷方式。
9、启动项目
VUE开发------环境配置_第7张图片

你可能感兴趣的:(vue)