安装vue.js

1、先安装node.js (在官网下载),安装完成后,打开CMD ,输入node -v

若显示相应的版本号,则说明安装成功。

测试看node.js

在c盘建立一个叫 app 的文件夹,里面放test.js

var http = require("http");

http.createServer(function(req, res) {
res.writeHead( 200 , {"Content-Type":"text/html"});
res.write("<h1>Node.js</h1>");
res.write("<p>Hello World</p>");
res.end("<p>welcome to Node.js</p>");
}).listen(3000);
console.log("HTTP server is listening at port 3000.");

pm包管理器,是集成在node中的,所以直接输入 npm -v就会如下图所示,显示出npm的版本信息

2、由于 npm 安装速度慢,因此使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:使用淘宝 NPM 镜像

基于node.js,利用淘宝npm镜像安装相关依赖

在cmd里直接输入:npm install -g cnpm --registry=https://registry.npm.taobao.org   回车,安装

3、安装vue-cli

安装成功后,建立第一个项目 ,进入d盘Vue 文件夹,在命令行中运行命令 vue init webpack firstVue

? Project name 项目名 ? Project description

项目名描述 ?

Author 作者邮箱

? Use ESLint to lint your code? 是否需要ESlist语法检查

? Setup unit tests with Karma + Mocha? 是否需要单元测试

? Setup e2e tests with Nightwatch? Yes是否需要e2e测试

建立后,文件夹如下

要安装依赖包,首先cd到项目文件夹(vueDemo文件夹),然后运行命令 cnpm install ,等待安装。

多出一个node_modules 的文件夹

###运行项目  npm run dev

会自动在默认浏览器打开

时间: 2024-10-21 11:09:46

安装vue.js的相关文章

【转】安装Vue.js的方法

安装vue.js的方法 一.简介 Vue.js 是什么 Vue.js(读音 /vju?/, 类似于 view) 是一套构建用户界面的 渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用. Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件. Vue.js是一个MVVM模式的框

安装vue.js的方法

一.简介 Vue.js 是什么 Vue.js(读音 /vju?/, 类似于 view) 是一套构建用户界面的 渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用. Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件. Vue.js是一个MVVM模式的框架,如果读者有angul

安装Vue.js devtools

1.下载安装 https://github.com/vuejs/vue-devtools#vue-devtools 通过以上地址下载安装包,解压以后进入文件,按住shift,点击鼠标右键打开命令窗口 2.安装所需包并编译运行项目 输入命令 npm install(安装所需要的npm包) npm run   build(编译项目) 3.添加到浏览器中 打开chrome浏览器,选择更多工具-->扩展程序 选中开发者模式,点击加载已解压的扩展程序 找到压缩包中的shells下的chrome,选中 vu

谷歌浏览器 安装 Vue.js devtools 工具

如果是vue写的项目,谷歌浏览器右上角的vue小图标会亮起!下面介绍如何安装 1.谷歌浏览器插件商店可以点击安装[需要梯子] 2.vue官网有对应的安装包,需要自己手动 npm run build 一下 更改一个参数! 下面介绍如何 使用第二种方法: 1.在github下载devtools源码,地址:https://github.com/vuejs/vue-devtools. 2.本地编辑器打开,本人使用 vscode 3.下载出来的devtool源码不带 node_modules  自己手动

使用yarn 安装 vue.js devtools(2020.1.6)

!!!坑:一言以蔽之:npm太慢,需要注册下taobao镜像 新年了,重装了系统,也就需要重装vue devtools了. clone了vue-devtools包. 安装办法如下: 1. Clone this repo2. `yarn install`3. `yarn run dev`4. A plain shell with a test app will be available at `localhost:8100`. -----------------------------------

Vue.js学习之——安装

Vue.js的安装方式有三种: 1.script引入 2.CDN 3.NPM 前两种不细说,重点讨论第三种--NPM安装 Vue.js提供了一个名为Vue-cli的官方命令工具,使用之前先进行如下准备工作: 1.安装nvm(Node Version Manager),简单来说就是一个管理node.js版本的控制器. 2.安装npm(Node package Manager),实际上就是个node包管理器.事实上在通过nvm安装node的时候,npm就已经附带了. 完成上述准备之后可以安装Vue了

Vue.js 运行环境搭建详解(基于windows的手把手安装教学)及vue、node基础知识普及

Vue.js 是一套构建用户界面的渐进式框架.他自身不是一个全能框架——只聚焦于视图层.因此它非常容易学习,非常容易与其它库或已有项目整合.在与相关工具和支持库一起使用时,Vue.js 也能完美地驱动复杂的单页应用. 在配置环境之前呢,有些基础的东西还是要和大家普及一下的.如果你已经对Vue.js有所了解,那请点击 配置步骤  跳转到配置环境的阅读,否则,请耐心看完看完. 首先,介绍一下Vue.js的概念,他是干啥的呢?一定要配置vue的运行环境吗? 如上述Vue.js不是个全能的框架,因为他的

【vue】vue.js安装教程

前提:已安装nodejs--npm  (备注教程  "物理安装"  ) 第一步:建了一个managerSys文件夹,用于保存项目 第二步:从cmd进入该文件夹,之后开始安装vue.js相关 1)在该项目managerSys中安装npm(基于node.js,利用淘宝npm镜像安装相关依赖) 接上步输入命令:    npm install -g cnpm --registry=https://registry.npm.taobao.org 2)安装全局vue-cli脚手架(用于帮助搭建所需

npm安装教程(vue.js)

https://www.cnblogs.com/goldlong/p/8027997.html 首先理清nodejs和npm的关系: node.js是javascript的一种运行环境,是对Google V8引擎进行的封装.是一个服务器端的javascript的解释器. 包含关系,nodejs中含有npm,比如说你安装好nodejs,你打开cmd输入npm -v会发现出啊线npm的版本号,说明npm已经安装好. 引用大神的总结: 其实npm是nodejs的包管理器(package manager