docker创建vue编译环境

docker创建vue编译环境

node的docker获取

docker pull node:latest

升级node

npm install -g npm@8.9.0 to update

安装vue环境

npm config set registry https://registry.npm.taobao.org && npm install -g @vue/cli

注：
写dockerfile
写docker-compose

yarn 和cnpm 的安装

一、yarn

1、安装yarn
npm install yarn -g
2、检查是否安装成功
yarn -v
出现上面这个，说明yarn 安装成功

二、cnpm

1、安装淘宝镜像cnpm
npm install -g cnpm --registry=http://registry.npm.taobao.org
2、检查是否安装成功
cnpm -v

Vue的安装：

$ cnpm install vue
全局安装 vue-cli

$ cnpm install --global vue-cli
创建一个基于 webpack 模板的新项目
这里需要进行一些配置，默认回车即可

$ vue init webpack my-project
$ cd my-project
$ cnpm install
$ cnpm run dev
打包生成dist文件
cnpm run build