安装node/npm,通过express搭建node项目
nodejs软件的下载地址:https://nodejs.org/en/ (推荐下载稳定版)
1.只要安装好了nodejs,就自动安装好了npm包。
2.在cmd中通过命令node -version查看是否安装好node,通过npm -version查看npm是否安装好。
3.由于npm工具会自动去国外的网站下载包,可能会被防火墙屏蔽从而导致下载不成功,我们可以安装淘宝的cnpm包来代替npm包。命令:npm install cnpm -g
4.在全局下安装express框架 cnpm install -g express-generator
5.通过express搭建node的项目 express projectName
6.进入创建的项目中安装依赖包 cd projectName 再 npm install
7.通过cnpm全局安装webpack打包工具,命令:cnpm install webpack -g
8.进行打包文件 从0-1通过webpack搭建项目框架:
1)简单地打包 命令:webpack 要打包的文件路径./main.js 输出的文件路径./build.js;
2)通过webpack.config.js去打包
webpack.config.js是webpack的默认配置文件,通过命令:webpack 自动查找配置文件里面的内容进行打包
配置文件中写了module.exports = {
entry:'./main.js',//要打包的源文件路径
output:{ filename:'./build.js' }//打包后的输出路径
}
3)利用webpack打包CSS。本身不支持CSS的打包,通过加载loader进行打包css。
cnpm install style-loader css-loader //先加载style 再加载css
基础知识:npm是第三方包下载、管理工具
webpack是将所有的资源包括图片等打包成一个个js文件,需要的时候去加载。
安装node/npm,通过express搭建node项目的更多相关文章
- node + express搭建api项目
express框架 描述 express是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架,为 Web 和移动应用程序提供一组强大的功能. 安装 // 1.使用npm淘宝镜像--cn ...
- Node:使用express搭建一个简易的服务器
①安装node环境 在node.js官网下载LTS长期支持版本,然后傻瓜式安装 ②查看是否安装成功 打开cmd终端,输入node -v 有版本号,则安装成功.再输入npm -v 有版本号,则npm也安 ...
- pycharm、Django+node.js、vue搭建web项目
参考文章:https://www.wandouip.com/t5i35466/ 在此感谢 本篇接着上一篇:windows10使用npm安装vue.vue-cli 首先Django项目是搭建好的,就是 ...
- node学习笔记-搭建node环境
最近项目要用到node,利用空闲整理做下笔记 第一步 安装node,方式比较多,最为直接的是直接去官网 可直接从官网下载安装http://nodejs.cn/download/ 根据自己情况 ...
- nodejs解压版安装和配置(带有搭建前端项目脚手架)
nodejs 安装 我先前用了nvm,觉得nvm挺厉害可以随时更换nodejs版本,但是研究了下,可能自己功力不够还是什么,并不好用,中间还出现了错误:所以最后还是卸载了: 本文图文并茂的一步一步的 ...
- 从0到1学习node(七)之express搭建简易论坛
我们需要搭建的这个简易的论坛主要的功能有:注册.登录.发布主题.回复主题.下面我们来一步步地讲解这个系统是如何实现的. 总索引: http://www.xiabingbao.com/node/2017 ...
- node.js&mongodb&express 搭建个人博客系统
源码参见于 https://github.com/njaulj/iliujun
- Express搭建NodeJS项目
1.安装Node.js: 2.安装npm; 3.安装Express; 在本例中默认全局安装express 安装express生成器 如果没有安装express-generator或安装路径不对,会报以 ...
- intelliJ idea安装go开发环境 并 搭建go项目 打包
本人使用的是 idea 开发go项目 也是一个初学者 将自己遇到的问题记录分享 在晚上查找了很多资料 没有什么可以直接使用 本人再次整理一下 我使用的idea 时 2017.2.6 版本的 查 ...
随机推荐
- Leetcode166. Fraction to Recurring Decimal分数到小数
给定两个整数,分别表示分数的分子 numerator 和分母 denominator,以字符串形式返回小数. 如果小数部分为循环小数,则将循环的部分括在括号内. 示例 1: 输入: numerator ...
- [Vue warn]: Failed to mount component: template or render function not defined. 错误解决方法
解决方法import Vue from "vue"; 默认引入的文件是 vue/dist/vue.runtime.common.js.这个可以在node_modules/vue/p ...
- nodejs vue 微信公众号开发(二)申请微信测试号
1.打开微信测试公众号开发平台http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 扫码登陆
- 如何使用C++获取 进程的 绝对路径
DWORD GetProcessId(IN PCHAR szExeName) { DWORD dwRet = 0; DWORD dwCount = 0; HANDLE hSnapshot = Crea ...
- 富文本vue-quill-editor修改图片上传方法
富文本vue-quill-editor修改图片上传方法 HTML 代码 HTML codes <!-- 上传的组件 --> <upload style="display:n ...
- 字符数组拷贝与strcpy函数
代码: ],str2[]; ;i<;i++) { str1[i]='a'; } strcpy(str2,str1); 让找出错误的地方. 先来看下strcpy函数: 使用格式:char* str ...
- Attribute类的使用
为每个变量设置设置属性 "Description" public class PatternOption { /// <summary> /// 方向图步长 /// & ...
- PAT甲级——A1090 Highest Price in Supply Chain
A supply chain is a network of retailers(零售商), distributors(经销商), and suppliers(供应商)-- everyone invo ...
- 06_Spring JDBCTemplate
Spring对不同持久化技术的支持 ORM持久化技术 模板类 JDBC org.springframework.jdbc.core.JdbcTemplate Hibernate3.0 org.spri ...
- NtQuerySystemInformation 枚举进程
函数原型: NTSTATUS WINAPI NtQuerySystemInformation( _In_ SYSTEM_INFORMATION_CLASS SystemInformat ...