zoukankan      html  css  js  c++  java
  • 创建 Npm+webpack

    准备工作

    1.  借助Node.js环境里的npm来安装;

    下载node并进行安装:https://nodejs.org/zh-cn/

    2.  设置好npm镜像;

    使用淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org

    即可安装npm镜像,以后再用到npm的地方直接用cnpm来代替就好了

    3.  安装完webpack。 

    npm install webpack -g  全局安装

    npm install webpack --sava-dev  本地安装

    4.  安装完vue脚手架。 

    cnpm install -g vue-cli

    5.  创建webpack模板

    vue init webpack my-vue(项目文件夹的名字,不填则默认当前目录为项目文件夹)

    项目目录:
    build----项目构建(webpack)相关代码
    config-----配置目录,包括端口号等。我们初学可以使用默认的。
    node_modules
    npm---- 加载的项目依赖模块
    src----这里是我们要开发的目录,基本上要做的事情都在这个目录里。里面包含了几个目录及文件assets---- 放置一些图片,如logo等。
    components---- 目录里面放了一个组件文件,可以不用。
    App.vue----项目入口文件,我们也可以直接将组件写这里,而不使用 components 目录。main.js----项目的核心文件。
    static----静态资源目录,如图片、字体等。
    test----初始测试目录,可删除.xxxx----文件这些是一些配置文件,包括语法配置,git配置等。index.html----首页入口文件,你可以添加一些 meta 信息或统计代码啥的。package.json----项目配置文件。
    README.md----项目的说明文档,markdown 格式

    6.  安装模板依赖

    cnpm install

    7.  启动项目

    cnpm run dev

  • 相关阅读:
    mysql 分列或取子串
    Excel “20200504”文本格式转化为时间格式
    Mysql清空数据表
    python 做词云图
    Pandas操作excel
    python中zip()函数的用法
    Excel技能提升
    JS 学习笔记
    元类理解与元类编程 《Python3网络爬虫开发》中第九章代理的使用代码Crawler中代码的理解
    关于选择器注意的点
  • 原文地址:https://www.cnblogs.com/lee-xingxing/p/11153276.html
Copyright © 2011-2022 走看看