继nodejs安装之后的VUE的安装与项目创建

最新推荐文章于 2022-09-01 14:10:16 发布
最新推荐文章于 2022-09-01 14:10:16 发布
阅读量148 收藏
点赞数
分类专栏： other
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiangchangzheng/article/details/112252195
版权

继nodejs安装之后的VUE的安装与项目创建

1. Vue脚手架的安装

检查是否安装 vue -V
2.x的安装命令 npm install vue-cli -g
3.x的安装命令 npm install -g @vue/cli
如果要加速
npm install -g cnpm --registry=https://registry.npm.taobao.org
手工设置下path
C:\Users\Administrator\AppData\Roaming\npm
再用cnpm install -g @vue/cli 进行安装

2. 通过Vue脚手架创建项目

vue ui
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3.安装element插件 在这里插入图片描述

在这里插入图片描述

4. 安装3个依赖

提交用的axios

在这里插入图片描述
样式处理的 less-loader 及 less
在这里插入图片描述
在这里插入图片描述

5. 启动vue

在这里插入图片描述
在这里插入图片描述

xiangchangzheng
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
node安装后安装vue
qq_38665250的博客
12-31 182
npm proxy设置网络代理 并使用taobao registry npm config set https-proxy http://server:port npm config set proxy http://server:port npm set registry http://registry.npm.taobao.org npm install -g websocket-bench --registry=http://registry.npm.taobao.org npm config lis
nodejs的安装及创建项目
diaoxiurao2593的博客
01-19 97
安装windows nodejs教程：1、官网下载windows安装；2、CMD中输入：npm -g install koa -generator 创建项目：1、首先新建文件夹2、CMD中输入CD 文件夹路径 列： cd d:\nodesite3、CMD中输入 koa2 -e (此为ASP.NET 中的<%=%>)4、CMD中输入 npm install 下载Visual...
node.js安装及构建项目详细流程
m0_53284765的博客
07-12 481
一. 下载安装： 直接在node.js官网下载LTS稳定版本，并默认选择项傻瓜式进行安装即可(win7最高支持版本13)。 安装好之后在dos窗口中检查： 二. 安装好后，创建项目前的步骤 1. 切换淘宝npm库，执行命令：（两者选其一即可） 方式一：npm config set registry https://registry.npm.taobao.org 方式二：npm install -g cnpm --regist...
小白安装好nodejs后搭建Vue开发环境
HarryPottey的博客
11-06 1274
文章目录前言一、Vue的开发环境总结 前言 我已经安装好Vue以及vscode本文主要是在安装node.js之后的操作 提示：以下是本篇文章正文内容，下面案例可供参考 一、Vue的开发环境 打开Vscode选择工具栏中的终端—新终端（快捷键ctrl+shift+`）选择自己之后要存储vue项目的文件夹然后可以在终端开始操作 1.检测本地node.js的版本（是否安装成功） 输入 node -v 出现了版本号则表示安装成功，就可以进入下一步 2.设置npm镜像 npm config set regist
nodejs执行安装vue命令后，提示没有找到vue命令，在文件中查不到vue.cmd等文件
xioxi
12-20 2487
1.换镜像源 npm install -g cnpm --registry=https://registry.npm.taobao.org 2.使用cnpm安装vue-cl cnpm install -g vue-cli 3.然后运行 vue -V 升级vue2.x到3.x npm install vue@next
安装配置nodejs并创建Vue项目.pdf
07-26
安装nodejs,并简单配置npm，包括npm的全局目录，在不用更换成cnpm命令的前提下更改镜像源，最后简单创建Vue项目
详解使用nodeJs安装Vue-cli
10-19
Vue CLI极大地简化了Vue.js项目的初始化和构建流程，通过以上步骤，你可以快速创建并启动一个基于Vue CLI的项目。熟练掌握Vue CLI的使用，将使你的开发工作更加高效。希望本篇文章能帮助你更好地理解和运用Vue CLI，...
NodeJs安装及配置 Vue项目初始化
08-26
NodeJs 安装及配置 Vue 项目初始化 NodeJs 是一个基于 JavaScript 的服务器端运行时环境，它提供了一个事件驱动、非阻塞 I/O 模型，使得其轻量级、高效。下面将详细介绍 NodeJs 的安装及配置、Vue 项目初始化。 一...
Vue 安装 vue-cli 脚手架 & 创建 vue 项目
01-06
windows vue vue-cli 安装 macos 前往 node.js 官网下载 MacOS 版然后无脑下一步。安装完成后验证一下。 node -v # 验证 nodejs 版本 npm -v # 验证 npm 版本 切换 npm 为淘宝源。 // 切换到淘宝镜像 npm config ...
NodeJS以及@vue/cli的安装
最新发布
06-13
通过以上步骤，你就成功地安装了Node.js和@vue/cli，并学会了如何使用它们来创建Vue项目。在实际开发中，@vue/cli还提供了许多其他功能，如生成组件、执行测试、打包优化等，进一步提升开发体验。不断探索和熟悉这些...
nodejs运行vue项目
lsy_know的博客
04-23 1万+
1、下载nodejs 官网：https://nodejs.org/en/ （下图是我下载的版本） 2、下载后压缩包 3、开始安装 安装很简单，默认下一步，就可以了（中间可选择安装路径）安装后里面的文件如图 4、安装后判断是否安装成功 及环境变量配置 node -v ; npm -v (一般新的node安装自带npm包管理器，集成在node中)，环境变量一般安装完，自动...
解决vue安装之后没有vue.cmd
fengzhuqingwan的博客
09-01 3857
解决vue安装之后没有vue.cmd
【下载了Node，再使用npm安装配置vue】
qq_39624153的博客
06-08 244
直接去VUE.js官网下载VUE文件 发现安装不了 1、百度说要先下载node.js（全程下一步就完事） 2、打开cmd输入：node-v，出现版本说明安装成功 3、cmd输入：npm install -g cnpm --registry=https://registry.npm.taobao.org，安装淘宝镜像安装相关依赖 4、安装vue-cli脚手架，cmd输入：npm install -g vue-cli 5、cmd输入：npm（查看配置） 6、cmd输入：vue -V（大写）出现
安装nodejs和vue之后遇到的一些问题
xw486223221的博客
04-07 1248
1.下载nodejs安装包进行安装之后，在命令行里使用了如下几个命令： npm install -g cnpm -registry=https://registry.npm.taobao.org npm install -g vue-cli 2.而后创建好一个文件夹来新建项目： vue init webpack xxxx(项目名称) 注意这里项目名称不能使用大写，否则会出现错误 3.然后进入...
Vue node安装以及创建项目
liuyalin_的博客
07-21 583
Vue node安装 一、安装node 打开官网下载链接:https://nodejs.org/en/download/ 下载完成后，双击，即开始安装Node.js 修改好自己安装的路径 其他都默认就可以 Node.js安装完成，可以先进行下简单的测试安装是否成功了，检查node安装是否成功，在git/cmd 工具中输入node -v查看 出现版本号就安装成功 二、安装npm npm一般随node一起安装 在电脑中，node如果成功了，npm基本都会没问题 npm的作用就是对Node.js依赖的包进行管理
nodejs下载安装，并创建vue项目
weixin_42213903的博客
11-19 674
1、下载 https://nodejs.org/en/ 安装 打开安装文件，按指示安装即可。 配置 prefix npm config set prefix "D:\TOOLS\Node.js\install_file\node_global" 缓存 npm config set cache "D:\TOOLS\Node.js\install_file\node_cache" 配置镜像站 ...
node.js安装教程和vue.js安装教程/可能的报错4048
gdw66666的博客
08-06 808
下载node.js官网:https://nodejs.org/zh-cn/download/ 下载完以后就是一路next需要注意的可能就是目录下面这块change按钮是换安装目录的然后就等安装完以后就行了 安装完后进入dos命令检查安装上没: 1.node _v 检查有没有npm 2.npm _v 这时有可能会 出现npm不是内部或外部命令这就是环境变量的问题了但是一般都没有这个问题 就是编辑path环境变量:新建一行后再吧你的目录进行复制粘贴然后点击确定就好了 node.js就安.
vue.js安装步骤教程
热门推荐
weixin_43844158的博客
05-03 5万+
取消
vue配置node环境
IT__zz的博客
09-18 3559
vue配置node环境 今天呢，有个刚刚入职的新人，然后组长让他熟悉公司代码，但是呢，给了他一台没有配置好的狄电脑，什么都没有配置，他也不敢问，然后我正好在跟他聊天，看他着急的样子，我就问他遇到了什么问题吗？她就跟我说第一天到公司，紧张的把vue配置node环境给忘了，当时一愣，随后就释怀了，然后就开始给他找相关的配置，让他跟着步骤开始配置，我心想说不定什么时候我也就忘了，所以呢就打算写一篇博客，来纪录。 第一步：安装node.js 第二步：改变npm本地仓库目录 第三步：配置淘宝镜像站 第四步：安装vue
NodeJS与Vue CLI：下载、安装与创建Vue项目指南
本篇文档是针对新手的Vue脚手架安装教程，详细介绍了在Windows环境下安装Node.js、配置淘宝镜像cnpm以及使用vue create创建第一个Vue项目的步骤。以下是主要内容的详细说明： 1. **Node.js下载与安装** - 首先，...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值