vue环境安装

最新推荐文章于 2024-07-04 23:23:58 发布
最新推荐文章于 2024-07-04 23:23:58 发布
阅读量40 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sapiter/article/details/109000837
版权

1. 新建文件夹（mkdir ***）

2. 确保已安装node 和npm （npm相当于node的应用商店，可使用cnpm淘宝源保证资源的下载速度）

npm install -g cnpm --registry=http://registry.npm.taobao.org

3. 确保已安装脚手架vue-cli 

cnpm install -g @vue/cli

4. 所有都安装好后，只需要创建项目,已搭建的机器只需要执行这一步

npm init webpack new_project_name

sapiter
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue环境安装(一)
qq_35673187的博客
08-20 268
Vue环境安装(一) 前言 学习后端十几天了, 总是觉得用着springboot配套的thymeleaf不舒服, 仿佛回到了JSP时代, 现在正好赶上前后端分离, 也想试试自己能不能从零开始整这么一套. 说白了就是前端框架学习, 后端框架学习加上整合. 能跑起来就心满意足了. 写这个笔记只是为了记录学习过程. 现在的状态是Vue完全不了解, SSM懂个皮毛, 对如何从0开始搭建完全没有概念…不过还是要保持乐观! 接下来打算跟着https://www.bilibili.com/video/BV1EE411
安装VUE环境
Sunshine晶滴博客
05-13 4687
1、https://nodejs.org/en/下载&安装node环境【中文版：https://nodejs.org/zh-cn/】 2、以后用git作为node输入命令行的工具【∵ 比cmd友好】 https://gitforwindows.org/安装git 3、桌面右击点‘ Gti Bash Here’，输入‘node -v’，出现版本号则说明node安装成功 4、安装vu...
Vue入门：Vue环境安装
littleFatty的博客
04-20 257
安装环境 操作系统：Windows 10 64位 安装Node.js 1. 下载系统对应版本安装包 下载地址：https://nodejs.org/en/download/ 2. 安装 除安装地址外其它全部使用默认即可 3. 设置模块存储位置 进入node.js安装目录新建文件夹【node_global】和【node_cache】用于存储Node.js后续安装的模块 4. 配...
Vue的安装及使用（Vue的三种安装使用方式）
2401_84418883的博客
07-04 320
另外我还将 build 的路径前缀修改为 ’ ./ '（原本为 ’ / '），是因为打包之后，外部引入 js 和 css 文件时，如果路径以 ’ / ’ 开头，在本地是无法找到对应文件的（服务器上没问题）。对于应届生或工作年限不长的人来说，刷面试题一方面能够尽可能地快速自己对某个技术点的理解，另一方面在面试时，有一定几率被问到相同或相似题，另外或多或少也能够为自己面试增加一些自信心，可见适当的刷题是很有必要的。（该选项为使用ESLint规范你的代码，一个空格错误都将报错，不开启，避免不必要的麻烦）。
安装vue环境
weixin_30337157的博客
01-08 48
1.首先安装node.js，去官网https://nodejs.org/zh-cn/下载安装包 node -v 打开cmd 可以查看node版本 2.npm install webpack –g ...
VUE环境搭建安装详细过程
11-07
### VUE环境搭建安装详细过程 #### 一、概述 Vue.js 是一款非常流行的前端框架，用于构建用户界面。为了能够有效地使用 Vue 进行开发，首先需要搭建一个适合 Vue 开发的环境。本文将详细介绍如何搭建 Vue 开发环境...
vue安装及环境配置.docx
最新发布
07-11
### Vue.js 安装及环境配置详解 #### 一、Vue.js 简介 Vue.js 是一个用于构建用户界面的渐进式框架。它的设计非常灵活，能够轻松地被集成到任何现有的项目中，无论是简单的单页应用还是复杂的多页应用。Vue.js ...
vue.js开发环境安装教程
10-20
Vue.js开发环境安装教程涉及的知识点非常丰富，涵盖了前端开发和项目构建所必需的工具链和概念，以下是对这些知识点的详细介绍： 1. Vue.js框架简介： Vue.js是一个构建用户界面的渐进式JavaScript框架，具有轻量级...
vue安装手册
10-31
### Vue安装手册详解 #### 一、开发环境准备 ##### 1.1 安装Node.js Node.js 是一个基于Chrome V8引擎的JavaScript运行环境，它为前端开发者提供了一个本地服务器环境，使得开发者能够在浏览器中实时调试前端页面...
Mac下安装vue
08-27
在所有环境变量都准备就绪后，就可以开始安装Vue CLI了。在终端中输入`sudo cnpm install -g vue-cli`，这里的`sudo`用于获取管理员权限，`-g`表示全局安装。安装成功后，输入`vue`命令，你应该能看到Vue的相关帮助...
Spring Boot+Vue从零开始搭建系统（二）：项目前端_Vuejs目录结构描述
王继红的专栏
04-05 349
前言 构建vue项目的开发环境配置，官方提供了脚手架工具vue-cli来快速构建一个开发环境，初始化一个vue项目操作命令如下： // 安装node.js，内含npm，Node.js官网：https://nodejs.org/en/ 。 // 设置npm镜像cnpm命令行工具 npm install -g cnpm --registry=https://registry.npm.taoba...
Vue环境安装
u010976938的博客
11-17 748
创建vue项目
值得收藏的vuejs安装教程
Eric
08-21 515
  本文为大家分享了vuejs安装教程，供大家参考，具体内容如下 1.安装nodejs，自带npm环境。 地址：https://nodejs.org/en/download/，Node.js 历史版本下载地址：https://nodejs.org/dist/ 可自行选择适合自己操作系统的版本。 安装过程参见：安装配置 2.安装淘宝镜像。 ...
安装vue的基本环境
蛋疼的NICK
01-12 429
node的安装 这里使用的源都为taobao的源 https://npm.taobao.org/下载node (以8.7版本为准)wget https://npm.taobao.org/mirrors/node/v8.7.0/node-v8.7.0-linux-x64.tar.gz 解压 tar zxvf node-v8.7.0-linux-x64.tar.gz 把解压后的目录复制到
linux 安装vue环境
lawliet1217的博客
11-27 4179
1.下载node最新安装包，下载地址http://nodejs.cn/download/       node-v10.13.0-linux-x64.tar 2.解压上传（解压后的文件我这边将名字改为了nodejs，这个地方自己随意，只要在建立软连接的时候写正确就可以）     ① tar -xvf   node-v10.13.0-linux-x64.tar        ② mv nod...
springboot vue环境安装
05-19
安装SpringBoot和Vue.js的环境需要分别安装Java和Node.js，并且在安装Vue.js时需要使用npm（Node.js的包管理器）。 下面是安装过程的详细步骤： 1. 安装Java - 在Java官网下载JDK：https://www.oracle.com/java/technologies/javase-jdk16-downloads.html。 - 安装JDK，将JDK的路径添加到环境变量中。 2. 安装Node.js - 在Node.js官网下载LTS版本：https://nodejs.org/en/download/。 - 安装Node.js，将Node.js的路径添加到环境变量中。 3. 安装Vue.js - 打开命令行工具，输入以下命令安装Vue.js： ``` npm install -g vue-cli ``` - 等待安装完成后，输入以下命令创建Vue.js项目： ``` vue init webpack my-project ``` - 进入项目目录，输入以下命令启动Vue.js项目： ``` npm run dev ``` 4. 安装SpringBoot - 在SpringBoot官网下载最新版本：https://spring.io/projects/spring-boot#learn。 - 解压缩下载的文件，将SpringBoot的路径添加到环境变量中。 5. 在IDE中创建SpringBoot项目 - 在IDE中创建SpringBoot项目，选择Maven项目，添加SpringBoot的依赖。 - 在pom.xml文件中添加以下依赖： ``` <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> ``` - 在src/main/java目录下创建Java类，添加@Controller注解，编写SpringBoot的控制器。 - 运行SpringBoot项目，访问http://localhost:8080/，可以看到控制器返回的内容。 6. 将Vue.js集成到SpringBoot项目中 - 在IDE中创建SpringBoot项目，选择Maven项目，添加SpringBoot的依赖。 - 在pom.xml文件中添加以下依赖： ``` <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> ``` - 在src/main/resources/static目录下创建Vue.js项目，将Vue.js项目的文件复制到该目录下。 - 在src/main/resources/templates目录下创建index.html文件，添加以下内容： ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>My Vue.js App</title> </head> <body> <div id="app"></div> <script src="/static/js/app.js"></script> </body> </html> ``` - 在src/main/java目录下创建Java类，添加@Controller注解，编写SpringBoot的控制器。 - 运行SpringBoot项目，访问http://localhost:8080/，可以看到Vue.js的页面。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值