Vue-cli 环境搭建和使用

最新推荐文章于 2024-06-03 09:11:01 发布
最新推荐文章于 2024-06-03 09:11:01 发布
阅读量444 收藏
点赞数 1
分类专栏： Vue 文章标签： vue.js npm 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gdnlnsjd/article/details/121181306
版权

在这里插入图片描述
需要的环境
Node.js http://nodejs.cn/download/
在这里插入图片描述

下载后安装Node.js
在这里插入图片描述

直接第一种方法全局安装即可，第二种每次都要操作一次

安装的位置 C:\Users\My PC\AppData\Roaming\npm
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
我们一般使用webpack模板进行开发

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
复制网址打开看看
在这里插入图片描述

ctrl+c停止服务器
在这里插入图片描述

配置idea使idea可以使用npm命令
在这里插入图片描述
在这里插入图片描述

GOV_D
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue环境搭建以及vue-cli使用
qq_21428081的博客
04-02 1683
1.Vue环境搭建以及vue-cli使用 1.1 Vue的环境搭建 （1）第一种方式：在页面用<script>标签引入CDN 在html文件的<head>标签中引入<script>标签，src指向CDN，多种CDN的写法可参考https://cn.vuejs.org/v2/guide/installation。 以下几种都可以，刷新页面，看开发者工具...
使用Vue-cli 3.0搭建Vue项目的方法
01-21
1. 环境准备 1.1. 安装Node.js （建议使用LTS版本） 1.2. nrm安装及npm registry设置 // use npm npm i nrm -g // use yarn yarn global add nrm ...切换npm源(以使用taobao为例) ...1.4. 安装vue-cli 3
vue脚手架(vue-cli)详细安装过程
学习，是熵减的最有效途径。
08-16 3万+
CLI，俗称脚手架。全称是。vue-cli 是vue官方发布的开发vue项目的脚手架。vue脚手架用于自动生成vue和webpack的项目模板，是一个快速构建vue项目的工具，可以自动安装vue所需要的插件，避免手动安装各种插件、逐个引入的麻烦。以及自动配置webpack，之前我们都是手动配置webpack。首先是特别的繁琐，而且有一个很明显的问题是版本问题。版本不对可能就报错。以后这些事儿都交给我们的cli，他会自动帮助我们配置webpack。...
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详细安装以及环境配置教程
最新发布
qq_42552600的博客
06-03 1808
打开DOS窗口（按住键盘上的Win+R），输入CMD 在DOS窗口里输入以下两串命令符 如果都显示了版本号，安装成功了 node_cache 做缓存用 node_global 做全局安装的目录使用 如果不知道怎么用管理员打开，就按住键盘上的WIN+S，在出现的搜索栏中输入CMD，右击 “以管理员身份运行” 用以下命令修改路径 我这里出现了很多提醒，是提醒我有新的版本可用，我们不管 修改Path中的以下路径 修改前 修改后 我的是：E:\SoftwareDp\WebDp\Tool\NodeJs\node_g
Vue环境安装
u010976938的博客
11-17 747
创建vue项目
Vue-Cli安装和配置（全）
qq_44709970的博客
02-21 4031
安装、配置、淘宝镜像、可能出现的问题
基于Vue-cli快速搭建项目的完整步骤
12-09
在使用vue-cli时，首先需要安装nodejs，npm，其次需全局安装vue和vue-cli 　1、nodejs和npm安装方法详见：https://www.jb51.net/article/90518.htm 　2、npm install -g vue 　3、npm install -g vue-cli 二、vue-...
webpack4+Vue搭建自己的Vue-cli项目过程分享
10-18
主要介绍了webpack4+Vue搭建自己的Vue-cli，对于vue-cli的强大,使用过的人都知道,极大的帮助我们降低了vue的入门门槛,感兴趣的朋友跟随脚本之家小编一起看看吧
详解Vue使用 vue-cli 搭建项目
01-19
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，GitHub地址是：https://github.com/vuejs/vue-cli  一、 安装 node.js 首先需要安装node环境，可以直接到中文官网...
Vue之环境安装
qq_50564231的博客
03-18 851
随着前端技术的不断发展，掌握各种框架也越来越重要，很多人都开启了学习 Vue，本文就介绍了 Vue 的环境安装和项目创建，大家也可访问我之前的博客查看Vue基础知识点小结。
vue安装步骤（详细版）
梦旅人的博客
09-20 1万+
vue的安装笔记
vue安装及环境配置
xucanlax的博客
12-06 2万+
vue安装及环境配置
Vue安装及环境配置教程(超详细图文教程)
java骨灰级码农，10年IT从业经验
05-18 1759
将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录。到这里，Vue安装及环境配置就已经全部完成，如有不会，欢迎骚扰！先把路径改到刚刚创建的项目，然后再运行，语句如下。输出了版本号就说明Node.js已经安装成功。变量值：你的安装目录\node_modules。可以选择创建Vue2版本或者Vue3版本的项目。（注意中间有个空格）验证是否安装成功。创建vue项目，选择项目想要放的位置。系统变量中新增一个变量，如下👇。一直Next即可完成安装。打开cmd窗口，执行如下命令。安装webpack模板。
[VUE] Vue-CLI的安装、使用及环境配置（超详细）
leo的博客
11-20 3万+
Vue-CLI的安装、使用及环境配置的详细步骤（超详细）
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安装与配置教程（非常详细）从零基础入门到精通，看完这一篇就够了
Javachichi的博客
09-14 4万+
网络安全行业产业以来，随即新增加了几十个网络安全行业岗位︰网络安全专家、网络安全分析师、安全咨询师、网络安全工程师、安全架构师、安全运维工程师、渗透工程师、信息安全管理员、数据安全工程师、网络安全运营工程师、网络安全应急响应工程师、数据鉴定师、网络安全产品经理、网络安全服务工程师、网络安全培训师、网络安全审计员、威胁情报分析工程师、灾难恢复专业人员、实战攻防专业人员…网上虽然也有很多的学习资源，但基本上都残缺不全的，这是我自己录的网安视频教程，上面路线图的每一个知识点，我都有配套的视频讲解。
Vue3安装配置、开发环境搭建(组件安装卸载)（图文详细）
热门推荐
逆境清醒的博客
03-19 6万+
Vue3安装配置、开发环境搭建（图文详细），一、vue的主要安装方式，二、node.js安装和配置，三、npm 安装vue 和脚手架、webpack模板，四、打开Vue 项目管理器，五、创建运行 vue 3 项目，六、使用TypeScript进行开发 Vue3 的代码，七、vue及组件的卸载，八、vue项目结构，九、Vue 安装过程中遇到的问题记录
Vue环境搭建与vue-cli使用教程
"这篇文档主要介绍了如何在Windows环境下搭建Vue开发环境，包括安装Node.js和Vue CLI，以及解决可能遇到的问题。文档中强调了Node.js版本的重要性，推荐使用8.9或更高版本，特别是8.11.0以上，以避免在创建Vue CLI...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值