美文网首页
vue.js的安装

vue.js的安装

作者: 灵秋公子 | 来源:发表于2020-01-19 12:43 被阅读0次

    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

    相关文章

      网友评论

          本文标题:vue.js的安装

          本文链接:https://www.haomeiwen.com/subject/efrrzctx.html