Vue3.0学习笔记--Vue环境搭建-创新互联

一、安装nodejs版本管理器nvm

二、安装nodejs

nvm install 14.19.1 //安装nodejs 14.19.1版本nvm use 14.19.1 //使用node 14.19.1版本nvm ls //列出所有安装的nodejs版本

三、创建第一个Vue应用

1.创建一个启用构建工具的 Vue 项目

用管理员打开VS Code，打开文件夹（任意一个空文件夹，用来存放vue项目）

10年积累的成都网站制作、成都做网站、外贸营销网站建设经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先建设网站后付款的网站建设流程，更有金湾免费网站建设让你可以放心的选择与我们合作。

在VS Code里命令终端

 

 

 用指令创建Vue项目

npm init vue@latest

这一指令将会安装并执行 create-vue，它是 Vue 官方的项目脚手架工具。你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示：

如果不确定是否要开启某个功能，可以直接按下回车键选择No。在项目被创建后，通过以下步骤安装依赖并启动开发服务器：

cd 
npm install
npm run dev

 

 

现在应该已经运行起来了第一个 Vue 项目！下面是一些补充提示：

• 推荐的 IDE 配置是 Visual Studio Code + Volar 扩展，选用 WebStorm 也是可以的。
• 更多工具细节，包括与后端框架的整合，我们会在工具链指引进行讨论。
• 要了解构建工具 Vite 更多背后的细节，请查看 Vite 文档。
• 如果你选择使用 TypeScript，请阅读 TypeScript 使用指南。

 当你准备将应用发布到生产环境时，请运行：

npm run build

此命令会在 ./dist 文件夹中为你的应用创建一个生产环境的构建版本。

分享文章：Vue3.0学习笔记--Vue环境搭建-创新互联
标题来源：http://cdxtjz.cn/article/dgdgcd.html