Vue的前端项目开发环境搭建

一、本机window端：安装Node.js,其实质性功能相当于，java的maven

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

二、本机window端：检查Node.js的版本

  node -v

三、本机window端：配置Node.js使用淘宝镜像拉取包

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

四、若当前项目需要nmp 命令需要进行初始化

  npm init -y

五、若当前项目需要 vue 需要进行安装

  npm install vue

六、若当前项目需要 node_modules 依赖包，需要进行安装

  npm install

  删除 node_modules ---> rm -r node_modules

七、本机window端：全局安装 webpack 用于项目的打包

   npm install webpack -g

八、本机window端：全局安装 vue 脚手架

  npm install -g @vue/cli-init

九、本地目录下初始化项目

  vue init webpack appname：vue 脚手架使用webpack 模板初始化一个名 appname 项目

十、VScoder下，启动 vue 项目

  项目的 package.json 中有 scripts，代表我们能运行的命令
  npm start = npm run dev ：启动项目
  npm run build ：将项目打包

十一、VScoder下，整合 ElementUI 快速开发

       安装方式：
         a、
              荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。
              npm i element-ui -S

         b、
              引入 Element
              https://element.eleme.cn/2.0/#/zh-CN/component/quickstart

十二、VScoder下，路由的安装

        npm install vue-router -g