一、安装环境创建vue3项目 确保你安装了最新版本的 Node.js,然后在命令行中运行以下命令 (不要带上 > 符号): npm init vue@latest 然后创建项目名,一直回车nononono即可,如下所示 代码语言:javascript 复制 ✔ Project name:…<your-project-name>✔ Add TypeScript?… No/Yes ✔ AddJSXSupport?… No/Y...
命令行窗口对vuejs目录执行下面的命令,创建一个Vite的初始化项目。 npm init @vitejs/app 之后,在Project name这一行,我们输入项目的名字,例如geek-admin;接着,在Select a framework这一行输入框架的名字,这里我们选择vue;再之后,在select a variant 这一行,因为在项目里,我们没有选择TS,所以这里我们依然选择vue...
一、先进入到指定工作目录,(不是你要创建的项目的名称哈) cd VuePorjects/ 二、创建vue3项目,安装创建项目 npm create vite @latest @latest是项目名称,可以自己修改项目名称,然后选择语言,选择vue,然后再选择js语言,我选的JavaScript,也可以选ts哈,看个人需求,等执行完了,出来下面的三个命令, 然后分别执行一下...
命令行窗口对vuejs目录执行下面的命令,创建一个Vite的初始化项目。 npminit @vitejs/app 之后,在Project name这一行,我们输入项目的名字,例如geek-admin;接着,在Select a framework这一行输入框架的名字,这里我们选择vue;再之后,在select a variant 这一行,因为在项目里,我们没有选择TS,所以这里我们依然选择vue即...
入口文件 main.ts(js) 如下: 初始化之后,可以执行最后的几个指令,运行项目看看效果(如下图)。 2. 配置proxy 安装axios:npm install axios --save-dev 在vite.config.ts(js) 文件中配置 server 选项 接口拦截公共配置 接口配置 页面请求接口 3. 引入UI库,如 element-plus ...
命令行窗口对vuejs目录执行下面的命令,创建一个Vite的初始化项目。 npminit @vitejs/app 1. 之后,在Project name这一行,我们输入项目的名字,例如geek-admin;接着,在Select a framework这一行输入框架的名字,这里我们选择vue;再之后,在select a variant 这一行,因为在项目里,我们没有选择TS,所以这里我们依然选择...
命令行窗口对vuejs目录执行下面的命令,创建一个Vite的初始化项目。 npm init @vitejs/app 之后,在Project name这一行,我们输入项目的名字,例如geek-admin;接着,在Select a framework这一行输入框架的名字,这里我们选择vue;再之后,在select a variant 这一行,因为在项目里,我们没有选择TS,所以这里我们依然选择vue...
2.2 在vue3-demo项目下创建postcss.config.js文件; //创建 postcss.config.js touch postcss.config.js // postcss.config.js module.exports = { plugins: [ // 配置 Autoprefixer 插件 require('autoprefixer')({ // 游览器最近的两个版本 'overrideBrowserslist': ['last 2 versions'] ...
五、启动项目 六、目录结构分析 一、搭建准备 VScode/HBuilder等任何一种前端开发工具 node.js&npm本地开发环境 二、node.js安装 1、下载并安装 Node.js官网:Node.js官网 安装成功后,在CMD控制台输入以下两个命令验证是否安装成功 #查看node版本 node -v ...
已安装 16.0 或更高版本的 Node.js 检测 : node -v npm 环境 (2)开发运行 yarn搭建项目的命令:(建议1) yarn create vite lintaibai 这里选择的vue+TS的组合 创建项目名称 选择主要框架Vue 选择语言 项目运行成功以后提示: 依次输入命令: cd lintaibai ...