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