ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Vue3.0学习笔记--Vue环境搭建

2022-05-16 12:35:08  阅读:144  来源: 互联网

标签:npm Vue nodejs -- 安装 Vue3.0 nvm 14.19


一、安装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项目)

 

在VS Code里命令终端

 

 

 

 

 

 

 

 

 用指令创建Vue项目

npm init vue@latest

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

 

 

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

cd <your-project-name>
npm install
npm run dev

 

 

 

 

 

 

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

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

npm run build

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

标签:npm,Vue,nodejs,--,安装,Vue3.0,nvm,14.19
来源: https://www.cnblogs.com/lyan/p/16276506.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有