专业编程教程与实战项目分享平台

网站首页 > 技术文章 正文

vue前端开发之开发环境 vue.js前端开发

ins518 2024-10-07 13:21:55 技术文章 7 ℃ 0 评论

踩坑:npm与node是有对应的版本的,尽量下载安装包里自带的npm/node,这样就不会犯低级错误npm与node兼容性问题

安装node/npm

进入官网:https://nodejs.org/en/download/prebuilt-installer

点击“Check out all available Node.js download options”,进入下载对应老的版本


配置环境变量

我自己解压后的文件路径:/Users/zhenghong/Downloads/node-v21.7.3-darwin-x64

在这个目录下有bin文件夹,里面有node和npm可执行文件

开始设置软链接

ln -s /Users/zhenghong/Downloads/node-v21.7.3-darwin-x64/bin/npm /usr/local/bin

ln -s /Users/zhenghong/Downloads/node-v21.7.3-darwin-x64/bin/node /usr/local/bin

配置环境变量:vim ~/.zshrc

添加变量:export PATH="$PATH:/Users/zhenghong/Downloads/node-v21.7.3-darwin-x64/bin"

让环境变量生效:source ~/.zshrc

查看node版本:node -v

查看npm版本:npm -version

安装@vue-cli脚手架

安装脚手架:npm install -g @vue/cli

创建项目:vue create vuedemo1

根据选项选择vue3/vue2

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表