码迷,mamicode.com
首页 > Web开发 > 详细

前端技术简单学习 NodeJs&Npm

时间:2019-03-28 15:40:42      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:lan   npm   img   安装   初始   初始化   入门   项目   mod   

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

标签:lan   npm   img   安装   初始   初始化   入门   项目   mod   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!