vue.js的安装

2020-01-19  本文已影响0人  灵秋公子

vue的兼容性:

vue的安装:

1、 参考 官方网站下载node.js文件并进行安装

image.png

2、安装过程一路next即可,安装完成后可使用(node -v)(npm -v)查看其版本号,进行验证安装


image.png

因国外资源,以及被屏蔽的原因,npm下载速度慢,失败率高
3、引入cnmp镜像(国外)

4、安装vue-cli脚手架构建工具npm install-g @vue/cli(3开始的版本改为这个)


image.png

之后验证安装结果 vue -V


image.png
通过以上三个步骤,我们所需要准备的环境和工具都准备好了

5、创建vue项目:
vue create (项目名称),然后进行一下特性选择,也可以直接选择default
执行vue: npm run serve

6、.vue 项目引入element-ui:
npm i element-ui -S 安装

在 main.js 中写入以下内容:

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(ElementUI);

new Vue({
  el: '#app',
  render: h => h(App)
});

7、安装axios,用来发送http请求(ajax)
npm install axios -S
https://www.kancloud.cn/yunye/axios/234845

前端的命名规则是 驼峰式 getData
后端的命名规则是 斜杠式 get_data

上一篇下一篇

猜你喜欢

热点阅读