精华内容
下载资源
问答
  • npm结构

    2018-08-03 17:22:00
    -------------- src // 源代码目录 比如coffee,typescript,es6+等代码的目录 -------------- lib // 转义生成的代码目录,比如babel转义后的es5代码的目录 -------------- docs // 代码相关的设计和使用文档 ----...

    -------------- src     // 源代码目录 比如coffee,typescript,es6+等代码的目录
    -------------- lib     // 转义生成的代码目录,比如babel转义后的es5代码的目录
    -------------- docs    // 代码相关的设计和使用文档
    -------------- tests   // 相关的测试目录
    ---------------package.json  

     

     

    转载于:https://my.oschina.net/u/560237/blog/1922246

    展开全文
  • 固执己见的NPM模块结构格式 受到和启发 一种样式统治一切 没有任何决定。 您不必强调文件夹结构或命名标准。 就是行得通 该模块通过两种方式为您(和其他人!)节省了时间: 没有配置。 启动npm模块项目或查看您的...
  • npm工程目录结构

    千次阅读 2019-08-25 07:24:25
    最终发布的代码存放位置。 config 配置目录,包括端口号等。我们初学可以使用默认的。 node_modules npm 加载的项目依赖模块 src 这里是我们要...

     

    目录/文件

    说明

    build

    最终发布的代码存放位置。

    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 格式

     

     

    展开全文
  • NPM命令以及模块结构

    2020-04-20 23:30:38
    1.NPM常见命令 npm install -g cnpm --registry=https://registry.npm.taobao.org 安装淘宝镜像 npm access 设置模块的访问级别 npm adduser 添加用户 npm cache(npm -c) 管理模块缓存 npm config 管理模块配置文件...

    1.NPM常见命令

    npm install -g cnpm --registry=https://registry.npm.taobao.org 安装淘宝镜像
    npm access            设置模块的访问级别
    npm adduser           添加用户 
    npm cache(npm -c)     管理模块缓存
    npm config            管理模块配置文件
    npm help(npm -h)      查看NPM帮助信息
    npm init              引导创建package.json文件  --yes 全部使用默认配置
    
    npm install(npm i)    安装模块  -g 全局安装  --save 运行时依赖 上线依旧需要 
                          --save-dev 开发时依赖 上线不需要  
                          可以使用 moduleName@版本号 安装指定版本 默认安装最新版
                          
    npm uninstall	 	  卸载模块 -g 卸载全局依赖
    npm ls (list)         查看已安装模块
    npm publish           发布模块
    npm root              显示NPM根目录 -g 查看全局根目录
    npm start             启动模块
    npm stop              停止模块
    npm test              测试模块
    npm update(npm -up)   更新模块
    npm version(npm -v)   查看NPM版本信息
    npm outdated          查看过时的模块 
    npm config set xxx=xxx更改npm的配置
    npm restart	          重修加载模块
    

    2.NPM模块结构

    package.json:模块的描述性文件。
    bin: 存放可执行的二进制文件。
    lib: 存放Javascript代码。
    doc: 存放文档。
    test: 存放单元测试用例。
    最底限度:模块应包含描述性文件package.json以及存放模块代码的index.js文件。
    
    展开全文
  • 当我们用 `npm install - g 全局包的名称` 这个指令的时候,有的时候全局包可能会安装在 C:\Users\你的电脑名称\AppData\Roaming\npm\node_modules下面,这个时候如果你要更改全局包的安装路径,可以使用 4. ...

    1. package.json

    作用:
        1.每个Node项目中及第三方包中都必须的
        2.它描述着Node项目或是第三方包的一些信息
        3.透过这些信息可以知道该Node项目或是第三方包运行起来要依赖于哪些第
        三方包
        4.还可以在里面写一些终端执行脚本,在package.json的scripts中进行定义
    
    使用步骤:
        1.打开终端cmd或是powershell
        2.切换到该Node项目的根目录下面去
        3.执行 npm init -y 或是 npm init 生成package.json
        4.在开发过程中安装第三方包的时候这样写 npm install --save 或是 
        npm install --save-dev
    
    注意:
        1.使用 npm init -y 的时候一定要注意,项目名称不能是中文,否则报错
        2.npm init 生成package.json的时候,按照要求一步一步来
        3.如果是开发阶段需要的第三方包,使用 npm install --save-dev
        4.如果是运行阶段需要的第三方包,使用 npm install --save
    
    package.json一些重要属性说明:
        name : 项目或是第三方包的名称,也是其它项目导入时require()中的名称
        description : 这个项目或是第三方包功能的描述
        main : 项目或是第三方包的入口文件
        license : 授权方式,一般写MIT
        keywords : 发布到npmjs中之后,其它开发者搜索我们这个第三方包的关键
        字
        scripts : 以后在终端执行的脚本
        devDependencies : 开发阶段依赖的包
        dependencies : 运行阶段依赖的包
        author : 作者
        version : 版本号
    

    2. npm的介绍

    npm是用来管理nodejs第三方包的一个工具,利用它可以
        1.安装 本地包/全局包 
        2.将自己写的包发布到npmjs上面去,供全世界的开发者使用
    
    npm在安装好node之后,就会自动安装到node的安装目录中,一般是安装在node根目录的node_modules的子文件夹下,比如我的npm就安装在 C:\Program Files\nodejs\node_modules
    
    如何测试npm是否安装成功,在终端中输入 npm -v 如果能出现版本号就表示安装成功
    

    3. npm操作之从npmjs.com中安装/下载包

    安装包/下载包分两种
    
        本地安装:用在当前项目中
            命令:npm install 本地包的名称
    
        全局安装:以后在终端中使用
            命令:npm install -g 全局包的名称
    
            其它命令:
            1.查看全局包安装路径:npm root -g
    
            2.更改全部安装包安装路径:npm config set fix "全局包的路径"
                当我们用 `npm install - g 全局包的名称` 这个指令的时候,有的时候全局包可能会安装在 C:\Users\你的电脑名称\AppData\Roaming\npm\node_modules下面,这个时候如果你要更改全局包的安装路径,可以使用
    

    4. 发布自己的框架到npm上面去【了解】

    步骤:
        1.先创建一个以包命令的文件夹("注意:该包名必须是npmjs上面没有的,否则后面上传不上去哈")
    
        2.写好你自己要发布的包里面的代码(书写规范建议)
            2.1 个人建议将那些零散的代码放在一个 lib 文件夹下
            2.2 在包的更目录下建立一个 index.js 入口js文件
            2.3 包名称必须小写,这个是npmjs.com的规定
    
        3.在包的根目录下设置好 package.json 里面的内容
            创建package.json有两种方式
                方式1:npm init -y (会生成好package.json,并且会在package.json中生成些默认的键值对)
    
                方式2:npm init (也会生成package.json,但是会提示你生成哪些需要的键值对,一般要生成的键值对有:name、version、main、description、keyword等等)
    
        4.可以在包的根目录下创建一个README.md写上你这个框架的介绍,以及如何使用
    
        5.开始上传
    
            注意事项:在要发布包的文件夹下,执行相关指令(打开面板的执行路径是和package.json在同一级就行)
    
            步骤:
                5.1 先登录到npmjs网站上面去: npm adduser
                    会提示你输入在npmjs网站上面的用户名和密码的,在这个过程中当你输入了正确的用户名和密码之后,还可能提示你的用户名和密码错误,这个时候就需要查看下当前的镜像是否是淘宝
    
                5.2 登录成功之后,这个时候使用 npm publish 发布到npmjs.com上面去
    
        6.撤销(可选)
            步骤:
                6.1 先登录
    
                6.2 撤销 npm unpublish 包名称@版本号
    
        注意:
            1.登录之前要看下我们的镜像是否是npmjs.com
            2.如果改了源代码,要再发布,得更改下版本号,版本号只能递增
    

    5. require()加载规则

    基本概念:
        1.核心模块、自定义模块(自己写的模块)、第三方包都优先从缓存加载
        2.在windows中加载一个自定义模块(自己写的模块)要使用 ./ 或者 ../ 开头
    
    自定义模块(自己写的模块)加载规则:
        一个自定义模块可以不写扩展名, require()会自动依次按照 .js .node .json的顺序进行补齐后加载,如果三个扩展名都没有,则当做核心模块或者包加载,如果核心模块或者包都没有,则报错
    
        开发建议:自定义模块最好写扩展名,提高查找效率
    
    require加载第三方包的规则:
        依次按照module.paths 数组中的路径,根据传入require的标识符名称进行查找,如果都没有查找到标识符名称的包,则报错
    
        找到node_modules之后再加载具体第三方包(以xtpl为例)规则:
            1.如果包下有package.json 文件,并且其中的main 属性配置的文件能够找到,则加载此文件
            2.如果package.json文件没有,或者它里面main属性配置的文件名不能找到,则默认加载当前文件夹下的index.js
            3.如果都没有找到则报错            
    
    总结:require()加载node_modules的时候是按照module.paths 数组中的路径一个个查找,直到找到为止
    

    6. HTTP模块处理静态资源

    前提:
        以后所有的静态资源(html,css,js,图片)以及NodeJS写的代码都是放在
        服务器端的
    
    如何访问呢?
        当浏览器发送请求,请求某个网页之后,会将这个请求发送到后台服务器
        node.exe,然后根据路由规则交给对应的js去处理,在js里面就去将静态资源
        读取到内存,经过一番处理之后返回给浏览器去展示
    
        如果返回的网页中,还需要进一步请求,比如网页中要用到某个.css文件,这个
        时候同样会发送网络请求给服务器node.exe,服务器同样还是按照上面的步骤进行处理,先读取到REPL环境中来,然后经过处理之后返回给浏览器
    
    注意点:
        浏览器可能访问的服务器资源是不一样的,比如浏览器可能需要html,可能需
        要css,也可能需要图片,所以服务器返回资源的时候一定要告诉浏览器
        我给你返回的到底是啥,这个时候就一定要在响应头中增加一个键值对
        key就是Content-Type,值则根据你给浏览器返回的是啥,你就写啥
    

    7. http模块实现动态网页

    # 不使用模版
        1.去读取模版的内容
        2.利用数据生成新的元素
        3.利用新的元素替换模版中的占位符
    
        缺点:代码太多
             容易出错
    
    
    # 使用模版
        成套的模版,既包含前端也包含nodejs
    
        https://github.com/xtemplate/xtemplate/blob/master/docs/syntax-cn.md 网页使用的
    
        https://github.com/xtemplate/xtpl NodeJS使用的
    
        注意:
            这个模版要配合起来使用,除了写html里面的模版,还要写nodejs中的代码
            其它不懂的看文档
    

    展开全文
  • npm

    千次阅读 2018-12-06 21:12:21
    node:跑在本地的js解释器,如本体没有python解释器,python代码跑不了 使用node主要是使用其中的npmnpm类似于python安装包工具pip,npm的命令也和pip命令几乎一致 使用npm 新建文件夹,管理npm 运行npm ...
  • NPM

    2020-03-10 15:31:26
    npm (node package manager) 是世界上最大的软件注册表, 它包含超过 600000 个包(即代码模块),包的结构使您能够轻松跟踪依赖项和版本 npm 由三个独立的部分组成 网站 网站是开发者查找包(package)、设置参数以及...
  • NPM 使用 Treer 生成项目目录结构

    千次阅读 2019-09-05 10:28:48
    npm install -g treer 用法 # 忽略某些文件或文件夹 treer -i "node_modules" # 保存目录结构到文件 treer -e "test.txt" 生成结果 ├─.babelrc ├─.eslintrc.js ├─package-lock.json ├─package.json ...
  • 1、按照express创建出基本的结构 mkdir myapp cd myapp npm init package.json会被创建出来 2、安装express npm install express --save 会创建 node_modules 3、同级目录下创建index.js文件和www...
  • node npm

    2017-02-20 14:45:50
    npm install通过npm install命令,根据项目package.json中devDependencies下的处理前端代码的类库,去安装这些依赖。 对于老版本的node和npm老版本的npm安装的依赖目录采用树形结构, 在win下是很不友好的, win对...
  • npm shrinkwrap

    千次阅读 2019-09-03 20:27:53
    什么是 npm shrinkwrap? npm shrinkwrap 是 npm 包管理器的一项功能。可以按照当前项目 node_...shrinkwrap 文件的结构类似以下这种形式 { "name": "A", "version": "1.1.0", "dependencies": { "B": { "versi...
  • NPM Package 管理

    2018-06-04 11:17:21
    它是世界上最大的软件注册表,每星期大约有 30 亿次的下载量,包含超过 600000 个 包(package) (即,代码模块)。来自各大洲的开源软件开发者使用 npm 互相分享和借鉴。包的结构使您能够轻松跟踪依赖项和版本。
  • npm包开发规范

    千次阅读 2019-11-28 19:07:38
    Npm结构 3 1.README.md 3 2.Package.json 4 Npm代码开发注释规范 5 背景: 团队开始尝试使用npm私有仓库来共享代码,那就涉及npm的一些使用方法规范以及npm包的开发规范,本文档既为代码共享发布npm仓库进行一些...
  • 总体而言,该入门工具包提供了用于开发和构建NPM软件包的标准样板结构。 它具有一些可配置的项目设置,包括用于以下目的的* rc / * ignore文件: ( 用于导入/导出语法糖) ( ,几乎是Github提供的标准Node.js) ...
  • 方法一 DOS方式: 开始 -> 运行 ->...本文只是基于windows系统来进行介绍,在Mac或者Linux下也可以使用tree列出项目结构 方式二 npm安装treer方法: 安装模块npm install -g treer ...
  • 新手开发自己的npm

    千次阅读 2017-07-16 11:03:29
    怎么开发一个npm包一、注册npm账号 怎么将代码提到github,大家都知道需要一个github账号 同样,开发一个npm包,当然也需要一个npm账号,将npm包...项目结构npm包实际是一个存档文件,即一个目录直接打包为.zip或tar
  • 发布项目到NPM

    千次阅读 2017-02-17 11:07:38
    最近,在开发Node项目过程中遇到了需要类jQuery深拷贝对象的问题,去Github找了半天,并没有符合的,于是,自己决定写一个(mixin.js),然后推送到NPM(查看Npm相关内容,请查看<npm模块管理器>),下面是整个流程...
  • 如何安装npm

    2018-05-21 14:34:13
    它是世界上最大的软件注册表,每星期大约有 30 亿次的下载量,包含超过 600000 个 包(package) (即,代码模块)。来自各大洲的开源软件开发者使用 npm 互相分享和借鉴。包的结构使您能够轻松跟踪依赖项和版本 &...
  • NPM常用命令

    千次阅读 2020-11-21 15:26:53
    它是世界上最大的软件注册表,每星期大约有 30 亿次的下载量,包含超过 600000 个 包(package) (即,代码模块)。来自各大洲的开源软件开发者使用 npm 互相分享和借鉴。包的结构使您能够轻松跟踪依赖项和版本。 ...
  • npm publish 发布

    2019-09-25 23:46:43
    前言  我们npm publish发布的时候,一定是本地...一、npm结构(编写)  npm包实际是一个存档文件,即一个目录直接打包为.zip或tar.gz格式的文件,安装后解压还原为目录。完全符合CommonJS规范的包目录应该包...
  • npm 安装机制

    千次阅读 2018-02-27 09:13:17
    npm 是 Node 的模块管理器,功能极其强大。它是 Node 获得成功的重要原因之一。 正因为有了npm,我们只要一行命令,就能安装别人写好的模块 。 $ npm install 本文介绍 npm 模块安装机制的细节,以及如何解决安装...
  • npm安装教程

    千次阅读 2021-01-16 17:34:45
    (帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装) 开始: 如图,下载8.9.3 LTS (推荐给绝大部分用户使用) 双击安装 可以使用默认路径..
  • NPM功能介绍

    千次阅读 2017-05-08 12:18:28
    npm 是 Node 的模块管理器,功能极其强大。它是 Node 获得成功的重要原因之一。 正因为有了npm,我们只要一行命令,就能安装别人写好的模块 。 $ npm install 本文介绍 npm 模块安装机制的细节,以及如何...
  • yarn 替代npm

    2017-01-07 17:29:21
    在 JavaScript 社区中,工程师们互相分享成千上万的代码,帮助我们节省大量编写基础组件、类库或框架的时间。每个代码包可能都依赖于其他代码,而代码间的依赖关系则由包管理器负责维护。目前最流行的 JavaScript 包...
  • npm Scripts打包

    2018-05-11 12:06:36
    Why npm Scripts?原文发表于 2016.2.12,原文地址: https://css-tricks.com/why-npm-scripts/以下是访客Damon Bauer发布的一篇文章。近来直接使用node package提供的命令行界面的情绪持续高涨,反之,人们对通过...
  • 深入了解npm

    2020-01-13 01:10:59
    我们作为一个前端的开发人员,无论你是刚刚入行还是已经入行很久,我们都有必要了解下npm,在这个日益变更的互联网时代,我们已经要快速跟上时代的发展,不然就被社会淘汰,扯远啦!回归正传,之前我写过一篇文章叫...
  • npm-package.json

    千次阅读 2019-08-06 18:21:32
    本篇文章我们一起来看一看 npm 的 package.json 的配置细节。 首先,你需要知道的是我们在 package.json 中配置的内容不仅仅是一个 Javascript 对象,它实际上还是一个JSON对象。而且这里面有很多配置项的表现都会...
  • npm-shrinkwrap锁定依赖

    千次阅读 2018-08-28 19:22:14
    npm采用语义化的版本号 semver 进行控制,让开发过程中依赖的获取和升级变得非常容易,但不严格的版本号控制,也带来了不确定性~~ npm 建议使用semver版本,部分包不遵循semver; package.json 可以使用精确...
  • 发布 npm

    2019-02-22 18:09:11
    发布 npm 包 1.项目初始化 vue init webpack-simple 项目名称 项目结构如下 2.components/index.js 文件下 引入文件组件 import zlCalendar from './zl-calendar' import zlRange from './zl-range' ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 55,549
精华内容 22,219
关键字:

npm代码结构