部署vue开发环境_vue图像化开发环境

安装

选择对应系统下载：

https://nodejs.org/en/download/

方式一：下载.msi文件双击安装即可。按照步骤下一步就可以，可以修改安装目录。

方式二：下载.zip文件解压，配置环境变量。

step 5 追加内容  nodejs解压目录

设置

 设置npm全局模块目录和缓存目录

新建两个目录npm,npm-cache命令行输入：

mkdir npm

mkdir npm-cache 

npm config set prefix "D:\nodejs\npm"

npm config set cache "D:\nodejs\npm-cache"

更改为淘宝的镜像源

 命令行输入以下命令即可：

npm config set registry https://registry.npm.taobao.org 

检查

npm config ls

搭建vue环境（vue3.x）

安装组件

安装vue和vue/cli

npm install vue -g

npm install -g @vue/cli

安装webpack 

npm install -g webpack

测试

创建vue项目

vue create demo

 

输入红框内容

cd demo

npm run serve

访问本地8080端口

其他

打开vue图形化界面

vue ui

# 浏览器访问

http://localhost:8000