首页 > Web开发 > 详细

前端技术简单学习 NodeJs&Npm

时间:2019-03-28 15:37:26      阅读:124      评论:0      收藏:0      [点我收藏+]

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>

技术分享图片



 

前端技术简单学习 NodeJs&Npm

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!