vue 使用相关文集

1、搭建构建环境

• • 安装 node v8+。【vue 项目的文件类型是 .vue，他需要被编译成 .js 文件，才可以被浏览器识别】
  • npm（全称：Node Package Manager） 不需要单独安装，在我们安装 Node.js 环境时，npm 也就安装了，是一个NodeJS包管理和分发工具
    • npm 镜像：淘宝镜像（registry地址：http://registry.npm.taobao.org/），cnpm镜像（registry地址：http://r.cnpmjs.org/）
    • 设置镜像：npm config set registry 【镜像地址】
    • 查看镜像：npm config get registry
  • 安装 vue-cli（Vue.js 开发的标准工具）：npm install -g @vue/cli

 

2、创建 vue 项目

• • 创建命令：vue create 【项目名称】
  • 进入项目目录：cd 【项目名称】
  • 运行项目服务器：npm run serve
  • 使用 vue-cli 安装外部模块包
    • vue add 【模块包名称】：vue add element-plus
    • npm install axios

 

3、启动 vue 项目

• • 运行 npm install 初始化项目，将模块下载到项目的 node_module 目录下。【一般报错是因为没有使用管理员权限打开命令行窗口】
  • 启动命令：vue2启动命令：npm run dev，vue3启动命令：npm run serve。
  • 打包部署命令：npm run build ，打包完成项目里面多一个 dist 文件夹。直接将dist放到web服务器即可。