配置vue,vue脚手架的应用(老版本)

2024-05-20 01:44:16

一：安装依赖

必须安装的依赖有：Node、React Native 命令行工具、Python2 以及 JDK 。

Node, Python2, JDK

我们建议直接使用搜索引擎搜索下载 Node 、Python2 和Java SE Development Kit (JDK)

注意 Node 的版本必须高于 8.3，Python 的版本必须为 2.x（不支持 3.x），而 JDK 的版本必须是 1.8（不支持 1.9）。

安装JDK,第一次是安装JDK,第二次是安装jre.建议两个都安装在同一个java文件夹中的不同文件夹中。留意一下JDK安装的目录就行了.

配置JDK环境,

(1)计算机→属性→高级系统设置→高级→环境变量

(2)系统变量→新建 JAVA_HOME 变量。变量值填写jdk的安装目录

(3)系统变量→寻找 Path 变量→编辑,在变量值输入%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;（注意原来Path的变量值末尾有没有;号，如果没有，先输入；号再输入上面的代码）

(4)系统变量→新建 CLASSPATH 变量。变量值填写.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar（注意最前面有一点）

二：依赖淘宝镜像文件

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

三：安装依赖以及项目构建

创建一个新的项目名字

版本号指的是构建出来的版本号：

构建项目最后间断：

最后运行部分，项目热加载：

备注：如有看不懂的部分，可以评论出来，我会尽快给你回复哟^_^

这就是react项目搭建的全过程，谢谢采纳。

前端小生，跪求关注。

转载于:https://www.cnblogs.com/yangslin/p/8202592.html

配置vue,vue脚手架的应用(老版本)相关推荐

Windows PowerShell安装指定版本vue/cli脚手架失效解决办法；vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue
mac搭建vue项目看这篇打开shift--鼠标右键,就可以打开Windows PowerShell 1.安装vue/cli npm install -g @vue/cli@3.12.0 @后面是版 ...
vue官方脚手架（vue-cli）配置多页面应用（多页面网站）
因为之前有人问我配置vue多页面网站的问题,我在网上找了找教程,试了大概三四个,大概都是如出一辙,所以我就痛下决心,既然研究vue了,这个必须得搞明白的,也算排下小坑,我不知道你们在网上找的教程怎么样 ...
vue cli脚手架项目利用webpack给生产环境和发布环境配置不同的接口地址或者不同的变量值。...
废话不多说,直接进入正题,此文以配置不同的接口域名地址为例子项目根目录下有一个config文件夹,基础项目的话里面至少包括三个文件, 1.dev.env.js 2.index.js 3.prod.e ...
前端框架vue04~~vue.cli脚手架的基本使用
文章目录 [1. Vue-CLI脚手架](https://cli.vuejs.org/zh/guide/) [2. 安装](https://cli.vuejs.org/zh/guide/install ...
Vue进阶脚手架开发
1.分析脚手架 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── asse ...
vue - cli 脚手架安装
一. node安装 1)如果不确定自己是否安装了node,可以在命令行工具内执行: node -v (检查一下版本): 2)如果执行结果显示: xx 不是内部命令,说明你还没有安装node , ...
vue使用脚手架的单文件组件环境搭建
每一次新下载配置一个新的东西都会出现各种奇奇怪怪的问题,配置好几次,以此记录. 组件把一个页面拆分成一堆组件,每个组件都有自己的html.css 作用:简化项目编程,复用编码,提高运行效率单文件组 ...
vue全套笔记，前端工程化+vue指令+脚手架
文章目录一. 前端工程化 webpack 的基本使用 webpack 中的插件 webpack 中的 loader 打包发布 Source Map的使用注意,实际开发不需要自己配置webpack ...
Node.js、npm环境配置与Vue项目创建
目录一.Node.js.npm简介 1. Node.js 2. npm 3. npm和Node.js的发展二.Node.js(内置npm)的下载与安装三.Vue CLI脚手架的安装与项目的创建: ...
Vue项目脚手架搭建
Vue项目脚手架搭建 Vue 项目脚手架搭建需要的工具安装NodeJs 安装vue-cli 安装webpack 初始化项目启动项目 Vue 项目脚手架搭建需要的工具 NodeJs vue-cli ...

最新文章

热门文章