一、环境搭建
1.检查node的安装,没有就需要下载(可以使用nvm安装node)
①Win+R指令,打开命令框输入cmd
②检查nvm是否安装成功(安装成功会显示对应的版本)
nvm -v
2.配置淘宝源
在安装nvm的文件夹里面有setting.txt文件,在里面插入以下内容:
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
3.安装node.js(请根据实际情况选择)
安装指定版本:nvm install [版本号]
安装最新稳定版本:nvm install lts
安装最新版本:nvm install latest
4.指定使用的node.js
使用指定版本:nvm use [版本号]
使用最新版稳定版:nvm use lts
使用最新版本:nvm use latest
5.检查node.js是否使用成功
node -v
6.检查npm
npm -v
7.修改淘宝源
npm config set registry https://registry.npmmirror.com/
8.(选择安装)yarn(也是 Node.js 的包管理工具)
npm i yarn -g
9.(选择安装)yarn(也是 Node.js 的包管理工具,并且是最新的 Node.js 的包管理工具)
npm i pnpm -g
10、安装nrm(用于管理 Node.js 包管理器(npm、yarn、pnpm)镜像源的工具)
npm i nrm -g
二、在Visual Studio Code (VSCode) 中创建和初始化一个新的Vue.js项目
步骤如下:
1.安装Node.js:
首先,你需要安装Node.js,因为Vue.js是基于JavaScript的前端框架,Node.js是其运行环境。
2.安装Vue CLI:
打开终端或命令提示符,在VSCode内,使用npm (Node Package Manager) 安装Vue CLI工具,这将用于生成新项目:
npm install -g @vue/cli
3.创建新项目
在终端中,导航到你想要存放项目的位置,然后运行以下命令来创建一个Vue.js应用:
vue create my-vue-project
这里是你的项目名称,你可以根据需要更改。my-vue-project
4.选择配置
接下来会进入一系列的配置选项,通常默认即可,按Enter键接受所有默认值。
5.启动开发服务器
项目创建完成后,进入项目目录:
cd my-vue-project
6.运行项目:
vue serve
标签:npm,node,vue,创建,js,命令,nvm,安装,Node
From: https://blog.csdn.net/2301_81242742/article/details/144150376