node.js/vue环境搭配安装

码农编程进阶笔记      2022-02-14     622

关键词:

http://blog.sina.com.cn/s/blog_497ff1a70102x0sw.html

第一次接触Node.js,想创建自己的服务就须配置好Node.js环境

安装Node.js

  • 下载Node.js
    Node.js安装包下载地址为:https://nodejs.org/en/download
    注:由于本地是windows64位环境选择的是第一个

  • 安装Node.js
    双击下载的安装包文件,直接下一步到安装完成即可(Node.js默认安装目录为 "C:Program Files odejs" , 可以修改目录)
  • 检测Node.js
    在cmd环境下运行node -v即可查看版本

    安装完成后即可创建属于自己的第一个Node.js应用
安装npm
新版的nodejs已经集成了npm,所以npm也一并安装好了。同样可以通过输入 "npm -v来测试是否已安装, 如果未安装成功即可使用命令 npm install npm -g安装
 
 
安装express
Node.js web框架模块 express安装命令npm install express (本地安装)npm install express -g(全局安装)
 安装淘宝 NPM 镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

Vue安装

用的是cnpm命令安装

cnpm install vue (话说稳定版)

全局安装vue-cli

cnpm install --global vue-cli   #(全局安装)

创建一个基于webpack模板的新项目

 

  1. 输入命令 vue init webpack first-my-vue   默认配置回车即可
  2. 进入项目安装并运行 cnpm install cnpm run dev
  3. 执行后则打开http://localhost:8080/#/
 










windows10安装node.js,vue.js以及创建第一个vue.js项目(代码片段)

...: http://nodejs.cn/淘宝NPM: https://npm.taobao.org/一、安装环境1、本机系统:Windows10Pro(64位)2、Node.js:v6.9.2LTS(64位)二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/2、选安装目录进行安 查看详情

node.js+vue+mysql项目实战入门之环境搭建,项目创建-附github地址(代码片段)

Node进行后端开发,Vue进行前端页面的开发,实现了前后端的分离。在开发中使用Express框架可以快速地开发web应用程序。1.安装node.js下载对应版本的,网址:Download|Node.js;进行傻瓜式安装:最后点击install... 查看详情

搭建vue开发环境的步骤,六步完成

搭建vue开发环境的步骤,其实也挺简单的,之前这环境的配置也困扰着我一:在搭建vue的开发环境之前,一定一定要先下载node.js,vue的运行是要依赖于node的npm的管理工具来实现,下载地址:http://nodejs.cn;注意是32还是64位;二... 查看详情

node.js+vue+mysql项目实战入门之环境搭建,项目创建-附github地址(代码片段)

Node进行后端开发,Vue进行前端页面的开发,实现了前后端的分离。在开发中使用Express框架可以快速地开发web应用程序。 1.安装node.js下载对应版本的,网址:https://nodejs.org/en/download/;进行傻瓜式安装:最... 查看详情

搭建vue开发环境

...发的复杂单页应用。  那么在windows系统下如何安装vue环境呢?  1.安装node.js,vue要基于node开发,安装好后输入node-v,查看版本  2.安装cnpm命令管理工具,一般用淘宝的:npminstall-gcnpm--registry=https://registry.npm.taobao.org  ... 查看详情

vue工程化搭建(代码片段)

...m需要node.js1、安装node.js是一个服务器,也是一个开发环境,也是一个框架简单立即可以使用node.js完成后台服务的开发(和tomcatsevlet一样)2、安装npmnpm可以简单认为,是一个包管理工具(类似java中maven࿰... 查看详情

搭建vue开发环境的步骤

...很多人在刚开始学习vue这个框架的时候,最开始搭建开发环境的时候,都会遇到一些大大小小的坑,我之前学习angular的时候搭建过一次,过了一个月后再搭建第二次的时候,竟然有一些混乱,所以今天想整理出来;vue现如今在... 查看详情

reactnative初学-环境搭配

一、环境需求1.1、安装HomeBrew安装方式 ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)" 1.2、安装npm和Node.js:   Node.js安装地址:https://nodejs.org/en/download/ 查看详情

将环境变量加载到 vue.js

】将环境变量加载到vue.js【英文标题】:Loadenvironmentvariablesintovue.js【发布时间】:2017-01-1811:14:59【问题描述】:我正在使用node.js+vue.js构建一个应用程序,想知道是否有人知道我如何将环境变量加载到我的vue.js组件中?现在我正... 查看详情

jdk搭配环境变量

进行java开发,首先要安装jdk,安装了jdk后还要进行环境变量配置:1、下载jdk,以jdk-8u131-windows-x64为例2、安装jdk-8u13-windows-x643、配置环境变量:右击“我的电脑”-->"高级系统设置"-->"环境变量"1)在系统变量里新建JAVA_HOME变... 查看详情

idea的maven项目,vue.js应该放哪

在搭建vue的开发环境之前,一定一定要先下载node.js,,vue的运行是要依赖于node的npm的管理工具来实现,node可以在官网或者中文网里面下载,根据自己的电脑选择是32还是64。Idea添加Vue插件方法,点击file_>settings_>Plugins然后搜索Vu... 查看详情

搭建vue开发环境的步骤

...们,再来学习vue应该不会感觉太难;一:在搭建vue的开发环境之前,一定一定要先下载node.js,,vue的运行是要依赖于node的npm的管理工具来实现,node可以在官网或者中文网里面下载,根据自己的电脑选择是32还是64,网址:htt 查看详情

win7windowsserver2008r2下httpsssl证书安装的搭配(搭配httpsssl本地测试环境)

原文:http://www.cnblogs.com/naniannayue/archive/2012/11/19/2776948.html 要想成功架设SSL安全站点关键要具备以下几个条件。1、需要从可信的证书办法机构CA获取服务器证书。 2、必须在WEB服务器上安装服务器证书。 3、必须在WEB服务... 查看详情

ubantu16.04搭配新开发环境说明

安装好ubantu系统后,往往需要搭配个人开发环境,梳理了一些常用的安装步骤:1.安装node.js更新ubuntu软件源sudoapt-getupdatesudoapt-getinstall-ypython-software-propertiessoftware-properties-commonsudoadd-apt-repositoryppa:chris-lea/node.jssudoapt 查看详情

notepad++搭配jdk配置jave环境变量

...译。但是可以安装插件来运行,安装插件之后还需要配置环境变量。下面是具体方法:1.安装notepad++软件,如果不会就去网上搜notepa++下载,但是notepad++里不一定带有PluginManager,这个时候就需要自己去网上下PluginMan 查看详情

win7windowsserver2008r2下httpsssl证书安装的搭配(搭配httpsssl本地测试环境)

要想成功架设SSL安全站点关键要具备以下几个条件。1、需要从可信的证书办法机构CA获取服务器证书。 2、必须在WEB服务器上安装服务器证书。 3、必须在WEB服务器上启用SSL功能。 4、客户端(浏览器端)必须同WEB服务... 查看详情

第一章构建vue项目,代码仓库管理

一、安装node.js、vue-cli脚手架1.安装node.js下载地址:https://nodejs.org/en/download查看版本号node-v、npm-v出现版本号即安装成2.管理nodejs版本(非必须装)执行命令安装:npminstall-gnnlatest(升级node.js到最新版本)nstable(升级node.js到最稳定版)n后面... 查看详情

o2o项目之一环境搭配(代码片段)

技术栈:vue全家桶(使用nuxtjs:https://zh.nuxtjs.org/guide/installation )+ssr+redis+mongodb+wabpack+koa 这些安装方法,网上均有讲述,redis、webpack和mongodb最好全局安装。1、全局安装npx:npminstall-gnpx2、创建项目:npxcreate-nuxt-app(proj 查看详情