VUE构建

Posted 2022-02-05 vixviy

• nodejs安装
  https://www.runoob.com/nodejs/nodejs-install-setup.html

• 镜像配置
  使用国内镜像的方法：
  使用cnpm安装

//（之后用cnpm命令）
npm install -g cnpm --registry=https://registry.npm.taobao.org

或者

通过命令配置（之后用npm命令）

npm config set registry https://registry.npm.taobao.org
// 验证命令
npm config get registry  //如果返回https://registry.npm.taobao.org，说明镜像配置成功
// 以后还原镜像命令
//npm config set registry https://registry.npmjs.org/

• 安装vue-cli脚手架构建工具

// 使用npm 命令
npm install --global vue-cli
OR  --- 使用哪个命令取决于上述镜像配置方式
// 使用cnpm 命令
cnpm install --global vue-cli

• 构建项目

// 基于webpack初始化项目my-project
vue init webpack my-project     //my-project 项目名可自己命名

• 安装项目所需依赖包

// 使用npm 命令
npm install
OR  --- 使用哪个命令取决于上述镜像配置方式
// 使用cnpm 命令
cnpm install

• 项目编译

npm run dev
// 项目运行成功后，浏览器会自动打开localhost:8080