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

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

    由于是Vue+webpack这里就不赘述git那些东西(用cmd也没问题),默认环境都配置好了。

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

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

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

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

     

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

    安装过程是这样的

    安装成功是这样的

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

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

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

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

  • 相关阅读:
    js 注意
    JS学习大作业-Excel
    js继承
    转载:margin外边距合并问题以及解决方式
    CSS属性选择器和部分伪类
    HTML使用CSS样式的方法
    link元素 rel src href属性
    【2020.01.06】SDN大作业
    【2019.12.11】SDN上机第7次作业
    【2019.12.04】SDN上机第6次作业
  • 原文地址:https://www.cnblogs.com/Nutrient-rich/p/7061776.html
Copyright © 2011-2022 走看看