vue安装及配置

最新推荐文章于 2024-08-11 23:16:38 发布

「已注销」

最新推荐文章于 2024-08-11 23:16:38 发布

阅读量370

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/can0101/article/details/106200794

版权

vue安装及配置

首先下载node.js要求版本在8.9以上
官网：https://nodejs.org/zh-cn/

下载完可检查在windows任务命令行里输入node -v

使用淘宝NPM镜像源下载比较快
命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

安装vue-cli（全局安装vue-cli）
命令：cnpm install vue-cli -g

检查环境是否安装上：vue -V

创建vue项目：

在命令行里输入命令：vue create 文件名

然后进入此文件夹：cd 文件名

最后运行程序：npm run server

运行之后会导出网址：http://localhost:8080

@ cc

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

「已注销」

关注关注

0
点赞
踩
0

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

vue安装

wk123555的博客

10-30

217

vue安装很 vue安装大总结？个人大坑总结： node 安装各种检查没有问题安装vue就是安装不成功。各种换镜像源都不成功，各种命令也安装不好。此时怎么办找到node 直接砍掉删的干干净的重新下载安装。切记。 1.安装Node.js，直接Next安装即可，安装完成之后，提供了npm包管理器 2 直接打开终端 cmd 此代码安装cnpm 和镜像：npm install cnpm -g --registry=https://r.npm.taobao.org 镜像解释： npm 为国外的源下

vue的安装与配置

m0_63726968的博客

09-16

1316

装了很多次vue的我

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

Vue的安装与配置

魔法猫咪的博客

08-04

355

vue的安装与配置

VUE安装使用手册

qq_54523931的博客

08-11

1163

注意：无论你使用哪种操作系统，必须保证当前登录的用户具有最高访问权限，例如，在Windows操作系统中，请使用管理员模式的命令提示符，并且，不要使用Power Shell，在Mac OS中，请使用 sudo来执行以上命令。通常用vue命令来创建VUE CLI工程，并且会将工程创建在执行命令时的位置，所以，可以先进入准备存放项目的文件夹再创建项目。@vue/cli的好处：开箱即用，支持webpack/babel/css/less/开发服务器支持。可以看到当前的VUE Cli：@vue/cli 5.0.8。

vue安装与配置

xiaocai5731的博客

09-04

488

一、安装Node.js 1、Node.js 安装包及源码下载地址：https://nodejs.org/en/download/ 2、配置系统环境变量PATH，添加Node.js的地址。 3、验证安装成功 C:\Users\admin>node -v C:\Users\admin>node --version 二、安装cnpm 1、配置淘宝镜像： C:\Users\admin>npm config set registry https://registry.npm.taobao.org 2

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

2401_84254474的博客

04-12

6166

同时我们会发现多了个文件：C:\Users\用户名\下的.npmrc文件，可以理解为一个记录当前用户修改信息的配置文件。如果你把这个文件删了，那你刚刚修改的那些参数全没有了，回归默认配置。在安装过程中，自动配置了两个环境变量一个是环境变量—用户变量—Path里面的C:\Users\你的用户名\AppData\Roaming\npm另一个是环境变量—系统变量—Path里面的软件安装目录，我们需要增加和修改一下。将 C:\Users\你的用户名\AppData\Roaming\npm 修改为你的安装目录\no

vue的安装和配置

俗人

06-01

790

下载nodejs包，地址如下： https://nodejs.org/en/download/ 解压后，在bin文件夹中已经存在node以及npm，如进入到对应文件的中执行命令行能打印node版本号 cd node-v0.10.28-linux-x64/bin ls ./node -v node文件夹具体放在哪，叫什么名...

10-12

09-04

qiuzi_1111的博客

12-29

2051

本博文将介绍 Vue.is 有关的一些概念和技术，并帮助读者了解它们背后的工作原理，同时构建第一个 Vue.is 应用。1.vue的安装和基本配置。

好细的Vue安装与配置

m0_67403272的博客

07-30

1424

网上有些方法是删除CUsers用户名下的.npmrc文件，万万不可这样，因为那个文件删除了，我们前面修改的全局模块目录和缓存目录配置就没了！1.创建项目（最好在cd到D盘、E盘的某个位置，即项目的路径，否则项目会新建在CUsers用户名，也可以直接在想要的项目路径下输入cmd）可能会出现权限问题，所以我们还是以管理员运行cmd窗口。其中-g是全局安装，指安装到global全局目录去，如果不加-g，模块就会安装到当前路径下的node_modules文件夹下，没有目录则自动创建。...

Vue 安装与配置

wuliyouMaozhi的博客

07-06

6691

Vue 安装与配置

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

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

05-18

7117

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

vue.js安装与配置

ydw_ydw的博客

08-07

6169

我们在前端学习中，学会了HTML、CSS、JS之后一般会选择学习一些框架，比如Jquery、AngularJs等。这个系列的博文是针对于学习Vue.js的同学展开的。　　1.如何简单地使用Vue.js 　　如同以前我们学过的Jquery一样，我们在程序中使用Vue.js时也可以使用直接引用的方法，直接下载并用 <script> 标签引入，Vue.js会被注册为一个全局变量。在这里...

VUE安装以及配置

young1219的博客

01-02

357

node npm 安装 npm安装vue 首先因为网速原因，我们选择淘宝镜像及其命令cnpm npm install cnpm -g 再利用cnpm安装vue cnpm install vue vue-cli Vue的脚手架工具全局安装vue-cli脚手架，以帮助搭建所需的模板框架 npm install vue-cli -g 安装完成后检查版本 vue -V //后面的V要大...

vue安装配置

W_SSNY的博客

03-12

328

一、先安装node.js 安装教程：https://jingyan.baidu.com/article/64d05a021974acde54f73b70.html 环境配置：https://blog.csdn.net/u012830533/article/details/79986984 二、搭建vue环境在cmd中：开始->运行->cmd 1.npm install...

Vue安装配置

Young12138的博客

04-01

1285

Vue的基本安装配置

Vue 环境安装配置

weixin_42135771的博客

03-14

465

Vue 环境安装配置公司准备开发一个教务系统，决定前端使用Vue技术，环境配置就搞了大半天，现将环境配置的过程记录下来。 Node.js下载 1、windows环境搭建Vue开发环境 https://www.cnblogs.com/zhaomeizi/p/8483597.html 2、#在安装cnpm镜像后出现参考 #‘cnpm’ 不是内部或外部命令，也不是可运行的程序或批处理文文件问题解决 https://blog.csdn.net/weixin_41999084/article/detail

Vue安装及环境配置

08-23

Vue的安装及环境配置可以按照以下步骤进行： 1. 首先，你可以安装Vue CLI，它是一个用于快速搭建Vue项目的脚手架工具。你可以通过运行命令`cnpm install @vue/cli -g`来全局安装Vue CLI。 2. 安装完成后，你可以通过运行命令`vue create your-project-name`来创建一个新的Vue项目。替换"your-project-name"为你希望的项目名称。 3. 在创建项目时，你可以选择默认的预设配置或手动选择自定义配置。如果你选择默认配置，可以直接按Enter键继续。如果选择自定义配置，你可以根据需要选择不同的特性和插件。 4. 创建项目后，进入项目目录，并执行`cd your-project-name`。然后使用`npm run serve`命令来启动开发服务器。这将在本地主机上运行Vue开发服务器，你可以在浏览器中访问`http://localhost:8080`来查看项目。 5. 如果你需要全局安装Vue，可以运行命令`cnpm install vue -g`来全局安装Vue。总结一下，安装Vue和配置环境的步骤是：安装Vue CLI，创建Vue项目，选择默认或自定义配置，进入项目目录并启动开发服务器。此外，如果需要全局安装Vue可以执行相应的命令。123 #### 引用[.reference_title] - *1* [好细的Vue安装与配置](https://blog.csdn.net/m0_57545353/article/details/124366678)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [vue安装及环境配置](https://blog.csdn.net/xucanlax/article/details/128186217)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]