前端技术简单学习 NodeJs&Npm

Npm是node提供的管理模块的工具--》相当于我们后台的maven

1.安装nodejs

NodeJs下载:https://nodejs.org/en/download/

node-v10.4.1-x64.msi

傻瓜式安装就可以了

检查安装:node –v

安装完成Node应该自带了NPM了,在控制台输入npm -v查看

版本升级:npm install npm@latest –g

--这个命令可能无法更新,由于系统原因,可使用  npm install node-sass --registry=http://registry.npm.taobao.org

2.创建一个前端项目

入门操作

--在idea中初始化环境

  进入当前项目目录,输入初始化命令:npm init –y,

安装vue模块:

npm install/i vue--一定要进入当前项目的目录下

测试

写个html 引入vue

<html lang="en"><head>    <meta charset="UTF-8">    <title>npm</title>    <script type="text/javascript" src="node_modules/vue/dist/vue.min.js"></script></head><body><div id="app">    我是{{name}},今年{{age}}岁</div><script type="text/javascript">    var app = new Vue({        el:"#app",        data:{            name:"啊哈哈",            age:23        }    })</script></body></html>



原文地址:https://www.cnblogs.com/wgyi140724-/p/10615092.html

时间: 2024-10-14 01:48:17

前端技术简单学习 NodeJs&Npm的相关文章

【汇总】前端技术及学习资料汇总

[一些前端框架和库] 1. backbone.js (前端MVC框架,实际针对Web就是 MVR. (Model, View, Router路由),backbone依赖underscore.js库.) a) Backbone.js(1.1.2) API中文文档:http://www.css88.com/doc/backbone/ b) Backbone源码分析-Backbone架构+流程图:http://www.cnblogs.com/nuysoft/archive/2012/03/19/240

HTTP用户认证、追加协议以及相关技术简单学习

1. 用户身份认证 BASIC认证(基本认证): DIGEST(摘要认证): SSL客户端认证: FormBase认证(表单认证)常用: session和cookie 2. 基于HTTP的追加协议 Ajax: 局步加载界面,异步通信 Comet: 延迟应答 SPDY(位于HTTP和SSL之间的会话层) WebSocket: 链接建立后可以进行全双工通信,一直保持链接 HTTP2.0 WebDAV 3. 构建Web内容的技术 HTML CSS JavaScript CGI XML json

前端技术学习路线及技术汇总

下面是简单整理的一些前端的学习路线:第一阶段: HTML+CSS:HTML主要就是网页编辑.包括HTML进阶.CSS进阶.div+css布局.HTML+css整站开发.Javascript 语言:JavaScript是web前端中最重要的知识,包括Js基础教程.js内置对象常用方法.常见DOM树操作大全.ECMAscript.DOM.BOM.定时器和焦点图.JS基本特效:常见特效,如tab.导航.整页滚动.轮播图.JS制作幻灯片.弹出层.手风琴菜单.瀑布流布局.滚动事件.滚差视图.JS高级特征:

零基础学习前端1-1配置node及npm环境变量

零基础学习前端1-1配置node及npm环境变量 ## 1-1配置node及npm环境变量 首先:下载node 可以直接去官方网站下载 1.首先从官网下载安装包 https://nodejs.org/ 我这里下载的是windows的 可以进去选择版本 下载后的安装包 2.下一步直接安装,可以选择对应的目录,建议不要选择默认的path 我这里的安装目录:E:\webyikeshuo\node 3.接下来去配置path,"我的电脑"-右键-"属性"-"高级系统

开始学习前端技术

2006年,初中毕业的我第一次走进了被家长和老师们认为是坏孩子才去的地方-网吧,这是我与互联网的第一次接触. 2010年,大学二年级,在广埠屯奸商处买了一台组装机,这是我的第一台个人PC,开始了我的折腾时代. 2012年,为了折腾火狐,花了几天的时候初步了解了HTML,CSS,JS,后面一直沉浸在火狐的扩展技术中. 2014年,参加工作一年,在京东购买了联想Y430P笔记本一台. 2015年,正式学习前端技术.

浅谈web前端就业的学习路线

初级前端 主要学习三个部分:HTML,CSS,JavaScript 一.html + css部分: 这部分特别简单,到网上搜资料,书籍视频非常多.css中盒子模型,流动,block,inline,层叠,样式优先级等这些自学起来也是非常容易.最后再深入了解下浏览器差异性,ie9以下兼容简单了解就行了,ie9以下浏览器被淘汰掉是趋势,低版本没必要浪费大量时间去学习兼容主流浏览器,google chrome浏览器.firefox浏览器.safari浏览器.opera浏览器即可.浏览器差异内容很多,建议

记录我这一年的技术之路(nodejs纯干货)

coding伊始 开始认认真真的学习技术还是2015.10.21日开始的,记得很清楚,那天,是我在龙湖正式学习的第一天.还记得硕哥面我的样子,高高瘦瘦的,一双白色休闲鞋加牛仔裤,典型的程序员风格. “有什么爱好吗” “自学过ps,dreamweaver,自己搞过简单的网页,很简单的那种,喜欢摄影,所以才自学的ps,现在也就会些抠图啊什么的...” ns 这段对话之所以印象深刻是因为后来硕哥给我们说,有感兴趣的事物,还得实际的动手去做了,有想法还得有行动,才算是优秀的入门.我想,当时可能是因为我真

从2014年D2前端技术论坛看前端发展趋势

上周六有幸参加了在杭州阿里巴巴西溪园区举办的2014年D2前端技术论坛和晚上的酒会,实地感受了一下阿里巴巴前端开发的技术氛围和影响力,总体上看这次D2规模还是挺大的,国内前端的知名大牛基本上都到了. D2今年的主题是绽放,确实挺符合现在前端发展的阶段,随着对用户体验的不断追求,移动Web的迅猛发展,HTML5的普及,NodeJS的投入商用,AngularJS等新框架的出现,前端的重要性和工程化程度不断提高,上午会上有个妹子说2015年D2的主题是逆袭,我个人觉得挺合适的.从参会人数看,目测有接近

前端零基础学习提纲

这篇文章只对接触前端不到两个月,觉得一堆东西要学,但又不知道从何开始的同学有用 转自:http://www.cnblogs.com/dolphinX/p/5181660.html 写在最前面 前端学习比较好上手,但到了一定阶段深入却比较困难,一个合格的前端应该是个web工程师,而不是JavaScript程序员,因此简单的学习目标 CSS.CSS3 HTML.HTML5 JavaScript.ES6 HTTP协议 性能优化 一门后端语言 更好的方式写代码 线下开发和代码发布 学习路径比较长,对于初