前端技术简单学习 NodeJs&Npm

Posted wgyi140724-

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端技术简单学习 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 [email protected] –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>

技术图片



 

以上是关于前端技术简单学习 NodeJs&Npm的主要内容,如果未能解决你的问题,请参考以下文章

NodeJS学习目录

NodeJS&&前端思考

前端Ubuntu16下nodejs+npm+vue环境配置

视频分享尚硅谷前端HTML5视频_NodeJS核心技术视频

搞定什么是nodeJs它和NPM关系与应用

angular