Vue3的安装与运行
首先打开cmd,在命令行中运行
1 | npm install -g @vue/cli |
等待安装完成,完成后输入命令来查看是否正确安装以及版本号
1 | vue -V |
之后在某个目录下面输入
1 | npm create vue@lastest |
根据提示,输入‘y’,表示安装所需要的packages,然后选择一系列的选项进行安装,如下所示。
C:\Users\94152>cd ./Desktop
C:\Users\94152\Desktop>npm create vue@latest
Need to install the following packages:
create-vue@3.13.0
Ok to proceed? (y) y
Vue.js - The Progressive JavaScript Framework
√ 请输入项目名称: ... ldy_vue3
√ 是否使用 TypeScript 语法? ... 否 / 是
√ 是否启用 JSX 支持? ... 否 / 是
√ 是否引入 Vue Router 进行单页面应用开发? ... 否 / 是
√ 是否引入 Pinia 用于状态管理? ... 否 / 是
√ 是否引入 Vitest 用于单元测试? ... 否 / 是
√ 是否要引入一款端到端(End to End)测试工具? » 不需要
√ 是否引入 ESLint 用于代码质量检测? » 否
正在初始化项目 C:\Users\94152\Desktop\ldy_vue3...
项目初始化完成,可执行以下命令:
cd ldy_vue3
npm install
npm run dev
然后在vscode中打开该文件夹,根据提示下载所需的插件,
下载完成后,按Shift+Ctrl+`,打开终端,输入
1 | npm i |
下载相关的依赖,安装完成后,关闭vscode,再次打开。
上述准备工作完成后,在终端输入
1 | npm run dev |
就可以打开网页,正常运行了。
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Ldyer!
评论