在项目目录下运行以下命令: bash npm run dev 或者,如果你使用yarn: bash yarn dev 这将启动Vite开发服务器,并在命令行中显示本地开发服务器的地址(通常是http://localhost:5000或类似的地址)。在浏览器中打开这个地址,你就可以看到你的Vue 3 + Vite项目正在运行了。 注意事项 确保你的Node.js和npm/yarn...
1、npm 和git提前安装好。新建文件夹右键,选择Git Bash Here 2、使用npm命令安装vue/cli,这里需要使用--force 运行npm install -g @vue/cli --force 需要安装一会 3、使用npm init初始化项目 运行npm init vite-app project 注:project是自定义的项目名称 4、切换到项目根目录,使用cd project命令 5、使用npm...
1. 全局安装vite,使用命令npm install vite -g 当前版本vite@4.1.4 2. 创建vue3项目,使用命令npm create vite@latest,确认项目名称,选择Vue (我这里使用的nodejs 版本是14.21.3) 14版本兼容支持vue2,vue3项目下载的依赖和运行。 cd cec-ui-external 进入当前项目 npm install 下载依赖 npm run dev 跑起项目...
$ npm run dev //启动项目 ``` 做个示例:搭建一个名为 myVue3 的项目。 执行命令:npm intit vite-app myVue3 可以看到,在Practice文件夹中已经搭建好了一个项目。项目结构如下: 执行命令:cd myVue3 进入项目目录 执行命令:npm install 安装相关模块。 项目结构如下:模块已下载成功。 最后执行命令:npm ru...
一、安装项目输入命令 yarn create vite + 项目名yarn create vite my-vite选择环境这里我们选择Vue 语言选择ts 项目创建完成 二、...
第一步:使用命令行创建工程 在磁盘的合适位置上,创建一个空目录用于存储多个前端项目 用vscode打开该目录 在vocode中打开命令行运行如下命令 代码语言:javascript 代码运行次数:0 复制 npm create vite@latest 第一次使用vite时会提示下载vite,输入y回车即可,下次使用vite就不会出现了 ...
1.创建vite项目 在命令行中键入npm init vite@latest,输入你的项目名称,比如我的叫vue3-base-template,依次选择vue、javascript后,模板就创建成功了。接下来cd进创建好的模板,在命令行中键入npm i安装依赖,再键入npm run dev启动项目,看到页面正常显示就启动成功了。
安装命令 # 安装命令 npm init vite@latest 安装命令执行完会有几个选项,以下是我的选项 Ok to proceed? (y) y # 是否继续(输入y) √ Project name: ... testproject # 项目名(按上下键选择,回车确定) √ Select a framework: » Vue # 选择框架(按上下键选择,回车确定) √ Select a variant: ...
一、 使用Vite创建Vue3项目 1.全局安装vite，使用命令npm install vite -g 2.创建vue3项目，使用命令 npm create vite@latest ,确认项目名 称，选择Vue及TypeScript 3. 使用用vscode打开项目，运行命令 npm install npm run dev 4.整个项目目录结构如下：5.访问页面 二、将打包项目发布到Nginx 1.将打包后...