zoukankan      html  css  js  c++  java
  • Vue实战Vue-cli项目构建(Vue+webpack系列之一)

    用Vue比较长一段时间了,大大小小做了一些项目,最近想总结一下知识点,出一个Vue+webpack系列,先从项目构建说起——vue-cli.

    由于是Vue+webpack这里就不赘述git那些东西,默认环境都配置好了。

    第一步先建立一个文件夹我这里是apronew;

    第二步在文件夹里面打开git bash,然后敲命令行npm install --global vue-cli,全局安装 vue-cli,如果已经全局安装可不用再装一次;

    第三步: 第二步成功之后,创建一个基于 webpack 模板的新项目敲命令行: vue init webpack test-vue-cli

     当完成第三步,进入到新init的文件夹此时是这样的

     

    第四步:安装依赖包,用命令行npm install(这里推荐用cnpm淘宝镜像,比较快)

    安装过程是这样的

    安装成功是这样的

    此时就可以进行最后一步跑起来啦;

    第五步:npm run dev;(至于为什么是run dev 以及这个命令行敲完干了些什么日后再补上)

    如果有依赖没安装上,这一步会有报错,继续安装一下响应的依赖就行了;出现以下状态就表示大功告成啦!

    用Vue 脚手架构建项目结束!

  • 相关阅读:
    还记得那种 喜欢到不行的感觉么?
    从点到面,再从面到点
    草珊瑚的常见移动网站布局
    草珊瑚的CSS基础
    表驱动编程
    如果一切需要重学,2014年应该学哪些技术?
    揭开Makefile的神秘面纱
    VIM资源
    VIM跳转技巧
    前女友究竟是一种怎样的存在?
  • 原文地址:https://www.cnblogs.com/Nutrient-rich/p/7050352.html
Copyright © 2011-2022 走看看