Node Js+Vue+webpack+ElementUI 框架搭建从零开始2

*温馨提示，这是vue-cli 2的版本，vue-cli3 以后对很多命令进行了更改，若需要创建脚手架3以后的项目，请查看我另外一篇博客https://blog.csdn.net/qq_37346639/article/details/88654923

1. NodeJs下载及安装http://nodejs.cn/download/，下载完成点击安装

安装时可以选择自己常用的文件夹，然后配置nodeJs的环境变量（详情配置网上有很多）

在cmd输入： node -v 和 npm -v 看看是否安装成功，以及node版本

2、安装Webpack，在cmd输入命令 npm install webpack webpack-cli --save-dev （-g是全局安装，下次再创建项目不需要安装）。

*(补——日期2019-8.27：webpack4以后将cli拆分了出来，所以，需要单独安装，以前的命令是npm install webpack -g。现在的新命令是npm install webpack webpack-cli --save-dev，而其貌似不再推荐全局安装，所以在项目上面安装就行了）

3、安装vue脚手架，在cmd输入命令 npm install vue-cli -g（-g是全局安装，下次再创建项目不需要安装）。

安装好vue脚手架之后，配置vue环境变量，vue安装默认位置 C:\Users\用户\AppData\Roaming\npm\vue.cmd

4、打开cmd，使用 vue init webpack-simple MyDoem 创建项目（MyDoem项目名称）

5、找到创建好的项目，打开项目删除 node_modules 这个文件夹，因为自动生成的可能缺失依赖包，导致项目无法运行。然后使用 npm install 重新下载node_modules。

6、依赖包下载完成后，在项目所在文件夹运行cmd，执行命令： npm run dev 就可以启动项目了。

7.项目启动完成，回到项目下面使用命令：npm i element-ui -S 安装ElementUI

8、安装完成在min.js引入ElementUI

import ElementUI from 'element-ui'//引入elementui
import 'element-ui/lib/theme-chalk/index.css'//引入element
Vue.use(ElementUI)//使用elementui

引入之后，再去EleentUI随便找个组件使用加入到页面就OK了。