安装vue.js

青青子衿。      2022-02-09     561

关键词:

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

会自动在默认浏览器打开 

 

vue.js

...端不满足现状,开发了新的组件来优化前端的工作。  安装vue-cli需要安装node.js然后安装npm再安装vuenpminstallnpm-g//安装npmnpminstallvue//安装vuenpminstall--globalvue-cli//安装vue-clivue-cli相当于自动构建好了 查看详情

vue.js的安装

使用nodejs安装Vue-cli1、安装完成node,node有自带的npm,可以直接在cmd中,找到nodeJs安装的路径下,进行命令行全局安装vue-cli。(npminstall--globalvue-cli)我的是安装在c盘----想安装速度快点,可以使用淘宝镜像如下----通过config命令&nb... 查看详情

vue.js的安装

安装node.js1,从node.js官网下载并安装node,安装过程很简单(傻瓜式安装)。安装完成之后,打开命令行工具,输入 node-v,如下图,如果出现相应的版本号,则说明安装成功。点击查看node.js安装过程如下图,如果出现相应的... 查看详情

安装vue.js

1、先安装node.js(在官网下载),安装完成后,打开CMD,输入node-v若显示相应的版本号,则说明安装成功。测试看node.js在c盘建立一个叫app的文件夹,里面放test.js varhttp=require("http");http.createServer(function(req,res){res.writeHead(200,{"Cont... 查看详情

vue入门:vue环境安装

安装环境操作系统:Windows1064位安装Node.js1.下载系统对应版本安装包下载地址:https://nodejs.org/en/download/2.安装除安装地址外其它全部使用默认即可3.设置模块存储位置进入node.js安装目录新建文件夹【node_global】和【node_cache】用于... 查看详情

vue.js安装

环境操作系统:window7 虚拟机:centos7 vue.js:2.8安装nodejs参考我得文章: http://blog.csdn.net/u013066244/article/details/63279337安装cnpm由于npm是要访问外网的,很慢,所以我们可以使用淘宝的镜像。百度搜索:淘宝npm镜像 可以... 查看详情

vue.js安装过程(转载)

 一、简介Vue.js是什么Vue.js(读音/vju?/,类似于view)是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层,并且非常容易学习,非常容易与其它库或... 查看详情

安装vue.js的方法

一、简介Vue.js是什么Vue.js(读音/vju?/,类似于view)是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有... 查看详情

安装 Vue-CLI、VUE.JS、JavaScript

】安装Vue-CLI、VUE.JS、JavaScript【英文标题】:InstallingVue-CLI,VUE.JS,JavaScript【发布时间】:2018-07-0721:02:44【问题描述】:我正在尝试将VUECLI安装到我的笔记本电脑中,但出现以下错误。λnpminstall-gvue-clinpmERR!codeETIMEDOUTnpmERR!errnoETIMEDOUT... 查看详情

Vue Js 安装

】VueJs安装【英文标题】:VueJsInstallation【发布时间】:2020-07-2903:59:41【问题描述】:尝试通过安装vuejsnpminstall-g@vue/cli.我的npm版本是6.14.4,node版本是12.16.2这是我遇到的错误npmWARNdeprecatedrequest@2.88.2:requesthasbeendeprecated,seehttps://githu... 查看详情

Vue.js devtools 在独立安装中未检测到 Vue.js,已允许访问文件 URL

】Vue.jsdevtools在独立安装中未检测到Vue.js,已允许访问文件URL【英文标题】:Vue.jsdevtoolsnotdetectingVue.jsinstandaloneinstallation,alreadyallowedaccesstofileURLs【发布时间】:2020-12-1515:47:31【问题描述】:我在本地服务器上有一个vue.js+laravel安... 查看详情

vue.js开发环境搭建(安装过程遇到的问题)

    网络上关于Vue.js的安装过程有很多介绍,这里不多赘述,这里只是记录自己安装过程和遇到的问题   1首先安装node.js 到官网下载node.js安装包,安装过程和一般软件没有区别。安装完成后到终端查... 查看详情

vue.js安装方法及异常处理

三种安装方法(一)独立版本       我们可以在Vue.js的官网上直接下载vue.js,并在.html中通过<script>标签中引用。-> <scriptsrc=../vue.js></script> 开发环境不要使用最小压缩版,不然会没... 查看详情

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

...ode.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、选安装目录进行安 查看详情

vue.js的devtools安装

安装1.github下载地址:https://github.com/vuejs/vue-devtools2.下载好后进入vue-devtools-master工程 执行npminstall----->npmrunbuild.3.修改manifest.json中的persistent为true4.打开谷歌浏览器设置--->扩展程序--》勾选开发者模式---》添加工程中的shel 查看详情

webpack-vue.js环境

安装webpack在安装webpack之前,本地需要先配置node.js环境由于npm安装速度慢,首先安装淘宝镜像cnpm//命令行npminstallcnpm-g使用cnpm安装webpack//命令行cnpminstallwebpack-g-g代表全局安装webpack完成  注意:vue.js不支持IE8及其以下版本,因为... 查看详情

如何安装和开始使用 Vuetify 和 Vue.js 3

】如何安装和开始使用Vuetify和Vue.js3【英文标题】:HowtoinstallandgetstartedwithVuetifyandVue.js3【发布时间】:2021-07-2414:20:33【问题描述】:在哪里可以找到与Vue.js3兼容的新Vuetify版本文档以及如何使用Vuecli安装和设置它:在vue2中我们这... 查看详情

怎么查看vue.js是不是安装成功

参考技术A查看vue.js是否安装成功的具体步骤如下:1、首先打开电脑桌面左下角开始菜单栏中的“运行”。2、然后在弹出来的窗口中点击输入“cmd”,鼠标左键点击下方的“确定”。3、然后在弹出来的窗口中点击输入命令“vue-v... 查看详情