vue-cli + element-ui + webpack 新建项目

 

1.进入项目目录

 

2.全局安装vue-cli

输入命令：npm install vue-cli -g

若报错：ENOENT: no such file or directory, access......

进入vue-cli所在目录，手动将vue-cli删除，再从新安装便可成功。

 

3.建立项目框架

输入命令：vue init webpack exambank

 

依次按照提示输入，项目名、项目描述、项目做者等等，

而后一路回车  看到最后这句项目就建立好了。

To get started:  就是告诉你接下来该作什么，依次完成下面3行命令就能够了。进入exambank项目-----运行项目

 

4.进入exambank目录

输入命令： cd exambank

 

5.安装element-ui

element-ui官网：http://element.eleme.io/#/zh-CN/component/installation

输入命令：npm i element-ui -S

或者：由于是基于Vue.js和elementUI进行的项目开发，因此固然要导入Vue.j包和elementUI包：npm install --save vue element-ui

 

 6.安装vue-router

要进行页面跳转，因此要用到vue-router2：

输入命令：npm install --save vue-router

 

7.安装axios

要从后端获取数据，因此要ajax请求，用vue官方推荐的axios：

输入命令：npm install --save axios

 

8.根据须要，安装vuex

输入命令：npm install vuex --save

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的全部组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

虽然 Vuex 能够帮助咱们管理共享状态，但也附带了更多的概念和框架。这须要对短时间和长期效益进行权衡。

若是您不打算开发大型单页应用，使用 Vuex 多是繁琐冗余的。确实是如此——若是您的应用够简单，您最好不要使用 Vuex。一个简单的 global event bus 就足够您所需了。可是，若是您须要构建一个中大型单页应用，您极可能会考虑如何更好地在组件外部管理状态，Vuex 将会成为天然而然的选择。

 

9.此后根据须要安装其余模块

npm install xxxx --save