分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

前端技术简单学习 NodeJs&Npm

发布时间:2023-09-06 02:36责任编辑:胡小海关键词:前端Node

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved