搭建VUE脚手架开发环境

1、安装node.js

node.js下载地址Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.https://nodejs.org/en/

查看node版本

node -v

2、安装cnpm

安装淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org

3、安装vue-cli脚手架

最新版本运行：npm install -g @vue/cli

安装3.0以前的旧版本运行：npm install -g vue-cli@2.x

安装3.0及其以后版本运行：npm install -g @vue/cli@x.x.x

检查vue是否下载成功： vue -v

4、创建项目

通过cd命令进入项目的文件夹或者进入文件夹在路径处输入cmd。

在命令提示窗口执行创建vue-cli工程项目的命令：vue init webpack

5.安装依赖

cnpm install

6.运行项目

npm run dev

7、修改访问端口

config文件夹下index.js文件修改port字段的内容

8、安装UI组件

cnpm i element-ui --save