vue.js的安装

vue的兼容性:

vue的安装:

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

image.png

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


image.png

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

  • 在命令行中输入 npm install -g cnpm --registry=https://registry.npm.taobao.org ,大概等待1-3分钟(视网络稍有浮动)如图结果显示:
    image.png

    完成之后,我们就可以用cnpm代替npm来安装依赖包了

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一.先安装node.js 自行百度二.cmd用淘宝的镜像,命令行输入:npm install -g cnpm --...
    一只懒惰的蜜蜂阅读 2,823评论 0 1
  • 最近正在做一个Vue重构有赞商城的项目,所以这段时间会不定期跟进一些关于这个项目的技术博客。那么,今天就来聊一聊怎...
    IrisLong阅读 10,733评论 0 2
  • Vue.js是我学习的第一个前端框架,面对网上各种培训机构的广告,还有各大网站的文章我无从选择,所以就去向一...
    程序猿_ac03阅读 1,599评论 0 0
  • Vue在Windows系统下本地项目的安装与部署 转自CSDN的:AI吕小布:https://blog.csdn....
    罗海桂阅读 11,997评论 0 0
  • Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采...
    习惯芥末味阅读 3,919评论 0 0