Vue开发环境搭建

最新推荐文章于 2024-09-03 11:14:22 发布

qq1607613241

最新推荐文章于 2024-09-03 11:14:22 发布

阅读量208

点赞数

本文链接：https://blog.csdn.net/qq1607613241/article/details/105742287

版权

1 去nodejs官网下载安装包安装

一直惦记下一步，安装完后，打开cmd 命令行窗口

输入 node -v

出现版本号

输入 npm -v

出现版本号

如果没有出现版本号，或者报错，则估计要配环境变量，我下载最新版是直接帮你配置好了环境变量了

2 设置镜像

输入命令 npm config set registry https://registry.npm.js.org

如果你没有在https://www.npmjs.com/注册过账号，请先去注册

注册账号成功过后

在命令行中输入 npm adduser

输入用户名

输入密码（密码好像至少9位数）

输入你注册时的公开邮箱

成功

3准备安装vue-cli

然后输入命令 npm i -g vue-cli

开始安装

等待中。。。

安装成功

4 查看vue 版本

输入命令 vue -V (注意：后面的v是大写的)

出现版本号

5 创建vue-cli项目

输入命令 vue init webpack projectName

然后选择一些 y/n 项目配置最后等待生成项目

等待结束，项目生成成功

6启动项目

(前提：要在这个项目的根目录下执行以下命令)

输入命令 npm run start 或者 npm run dev

开始启动项目中。。。

项目启动成功，出现Your application is running here:http://localhost:8080/

在浏览器访问这个地址，则会出现vue图标

项目启动成功

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq1607613241

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue_apicloud:使用vue和apicloud构建混合应用程序

04-23

介绍使用vue和apicloud可以快速构建一个App。 todo app推送自动更新(apicloud官方提供了，可以整合使用) 快速开始 # 1. 先检查下 Node.js 是否安装成功 $ node -v v10.0.0 $ npm -v 6.2.0 # 2. 由于众所周知的原因，可以考虑切换源为 taobao 源 $ npm set registry https://registry.npm.taobao.org/ # 3. 全局安装 vue-cli 一般是要 sudo 权限的 $ npm install --global vue-cli # 4. 全局安装 apicloud-cli, 这个在客户端中调试页面需要用到 $ npm install --global apicloud-cli # 5. 创建一个基于 vue_apicloud 模板的项目 $ vue init xia

vue开发环境搭建

qq_18238727的博客

07-13

1170

执行 node -v 和 npm -v 可查看node和npm的版本号：在nodejs安装路径下，新建node_global和node_cache两个文件夹执行如下命令，设置缓存文件路径npm config set cache "自己的\node_cache" 执行如下命令，设置全局依赖包存放路径npm config set prefix "自己的\node_global"进入 C:\Windows\System32 找到cmd.exe，以管理员身份运行打开cmd窗口，执行如下命令：npm install

参与评论您还未登录，请先登录后发表或查看评论

Vue安装，环境配置创建Vue项目

最新发布

weixin_74158859的博客

09-03

1578

【用户变量】下的【Path】将默认的 C 盘下 APPData/Roaming\npm 修改为【node_global】的路径和【node_cache】的路径，这是nodejs默认的模块调用路径。1.找到刚刚安装的目录，在安装目录下新建两个文件夹【node_global】和【node_cache】分别作为默认安装目录和缓存日志目录。3.在【系统变量】中选择【Path】点击【编辑】后点击新建【%NODE_PATH%】，随后一直点击【确定】直到关闭所有窗口即可。

VUE开发环境搭建

weixin_52261391的博客

05-11

6107

vue.js是一套构建用户界面的渐进式框架,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，是一个基于MVVM结构的轻量级框架，非常容易与其它库或已有项目整合。安装vue需要借助npm指令集，所以一般会先安装node.js环境。1.下载node.js环境()打开node.js的官网下载地址：http://nodejs.cn/download/选择适合自己系统的安装包，本文以windows x64系统为例。选择64位安装下载安装包后正常安装，

Vue的介绍以及环境搭建

Lucky的博客

05-31

1万+

一、前言 Vue单页Web应用 Vue组件化开发 Node.js完成服务器功能 ElementUI有效实现界面弹性盒子布局与SASS 二、Vue组件 1、全局注册组件 2、局部注册组件三、Vue环境搭建 1.安装Vue的前置条件是安装node.js 2.安装vue脚手架 3.在visual studio code中新建vue项目 4.vue.js文件源代码的下载三、Vue程序运行

如何搭建一个vue项目(完整步骤)

y2020520的博客

05-16

1万+

Install vue-router ==> 是否要安装 vue-router，项目中肯定要使用到所以Y 回车；最后附上demo地址：https://github.com/yanxulan/vue-demo.git。参考：https://www.cnblogs.com/yanxulan/p/8978732.html。d：输入ip： http://localhost:8010/#/first，查看页面效果。

Vue开发环境搭建的详细教程，图文并茂

11-29

### Vue开发环境搭建详解 #### 一、Node.js 安装与配置为了开始使用Vue进行前端开发，首先需要确保你的计算机上安装了Node.js。本文档提供了详细的步骤指导你如何在Windows环境下安装Node.js。 - **安装Node.js*...

Vue 开发环境搭建

11-16

### Vue开发环境搭建详解 #### 一、概述在现代前端开发中，Vue.js 已成为构建用户界面的重要工具之一。为了能够高效地使用 Vue 进行开发，一个良好的开发环境至关重要。本篇文章将详细介绍如何从零开始搭建一个...

开发环境搭建 2017 标准课程第七章 vue开发环境搭建vue

11-06

开发环境搭建 2017 标准课程第七章 vue开发环境搭建vue简介

开发环境搭建 2017 标准课程第七章 vue开发环境搭建编写

11-06

开发环境搭建 2017 标准课程第七章 vue开发环境搭建编写webpack.dev一

如何搭建vue开发环境

小积累

06-21

1万+

主要介绍vue开发工具、环境搭建、系统运行等内容。

Vue——搭建Vue开发环境

m0_53912558的博客

01-28

563

开发版本与生产版本的区别：开发版本包含了完整的警告和调试模式，生产版本删除了警告，在开发过程中最好使用开发版本，能及时的发现错误和警告。在学习中使用开发版本。1)点击绿色的开发版本，就会以Vue.js（就是一个js文件）的文件形式下载到自己的电脑上；刚开始学习Vue时最好使用传统的在HTML中引入js文件（直接使用Script标签引用）：不建议使用使用这种方法安装Vue，因为这种方法在以后写代码时都需要网络。2)打开浏览器→打开开发者工具→打开控制台。3)打开浏览器→打开开发者工具→打开控制台。

vue项目搭建【详细入门创建】

qq_63656102的博客

07-09

3544

vue在前端开发中是不可缺少的一种框架，在国内运用非常广泛，所以学习这门框架是前端的必备技能，所以在入门中，我们要学会如何搭建一个vue项目，不管是vue2还是vue3他们的创建方法都是差不多的。第一种是最简单的，那就是直接引入cnd，当然这种方法是不可取的，在这里就不说了，主要的还是用脚手架来创建vue项目，目前的脚手架有。创建完成后，在cmd命令行输入 vue create 项目名称来创建，回车即可。当然，命令运行都是可以改的，所以大家记住默认的运行即可。所创建的目录文件如下就说明创建完成了。

Vue3安装配置、开发环境搭建(组件安装卸载)（图文详细）

热门推荐

逆境清醒的博客

03-19

7万+

Vue3安装配置、开发环境搭建（图文详细），一、vue的主要安装方式，二、node.js安装和配置，三、npm 安装vue 和脚手架、webpack模板，四、打开Vue 项目管理器，五、创建运行 vue 3 项目，六、使用TypeScript进行开发 Vue3 的代码，七、vue及组件的卸载，八、vue项目结构，九、Vue 安装过程中遇到的问题记录

Vue安装与配置教程（非常详细）从零基础入门到精通，看完这一篇就够了

Javachichi的博客

09-14

6万+

网络安全行业产业以来，随即新增加了几十个网络安全行业岗位︰网络安全专家、网络安全分析师、安全咨询师、网络安全工程师、安全架构师、安全运维工程师、渗透工程师、信息安全管理员、数据安全工程师、网络安全运营工程师、网络安全应急响应工程师、数据鉴定师、网络安全产品经理、网络安全服务工程师、网络安全培训师、网络安全审计员、威胁情报分析工程师、灾难恢复专业人员、实战攻防专业人员…网上虽然也有很多的学习资源，但基本上都残缺不全的，这是我自己录的网安视频教程，上面路线图的每一个知识点，我都有配套的视频讲解。

Vue开发环境 Nodejs安装 cnpm安装与卸载

Siobhan_Mxin的博客

08-30

1万+

深度解决npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead. Node.js安装与环境变量配置的详细步骤，旨在为将来再次配置Node.js时提供指导方法。

Vue安装及环境配置教程(超详细图文教程)

java骨灰级码农，10年IT从业经验

05-18

7719

将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录。到这里，Vue安装及环境配置就已经全部完成，如有不会，欢迎骚扰！先把路径改到刚刚创建的项目，然后再运行，语句如下。输出了版本号就说明Node.js已经安装成功。变量值：你的安装目录\node_modules。可以选择创建Vue2版本或者Vue3版本的项目。（注意中间有个空格）验证是否安装成功。创建vue项目，选择项目想要放的位置。系统变量中新增一个变量，如下👇。一直Next即可完成安装。打开cmd窗口，执行如下命令。安装webpack模板。

vue开发环境搭建，vue开发流程

11-28

以下是Vue开发环境搭建和开发流程的介绍： Vue开发环境搭建： 1. 安装Node.js和npm 2. 全局安装Vue CLI：npm install -g @vue/cli 3. 创建Vue项目：vue create my-project 4. 进入项目目录：cd my-project 5. 启动...