环境准备:

1.node.js

2.npm

3.cnpm

4.vue-cli 脚手架

到此,vue安装结束.详细安装步骤:https://mp.csdn.net/postedit/102818741

项目构建:

1.进入需要创建项目的目录

2.vue init webpack 目录名

执行命令后会出现让你填项目名,和一些插件的引用,选择即可。如下:vue从零构建

项目启动:

   简便方式,直接使用vscode打开,先执行cnpm i ,再执行npm run dev

vue从零构建

项目修改:

1.修改config/index.js的配置文件

vue从零构建

2.可修改端口号,也可不更改,在dev--port中,可将8080改为8086或其他

3.使用vue+elementui进行项目搭建,安装elementui----命令:cnpm i element-ui -s

4.安装elementui,axios,font-awesome,vuex等

npm install element-ui

npm install axios

npm install font-awesome

npm install vuex

安装完成可以在package.json中的dependencies中查看是否已安装成功

vue从零构建

5.引入已安装的相关插件

vue从零构建

6.配置代理--config/index.js----proxyTable

proxyTable:{

   'api' : {

      target: '要代理的地址',

      changeOrigin: true

   }

}

相关文章: