本地创建一个vue项目,通过脚手架安装

本地创建一个vue项目

• （1）检查本地node和npm版本，太低可能会出错，建议升级为较高版本
  npm -v
node -v
• （2）如果版本号较低，建议使用nvm进行版本切换，nvm安装及使用参考https://www.jianshu.com/p/382e366444b9
  如果不知道应该装哪个版本，可以参考https://nodejs.org/zh-cn/download/releases/官网介绍，对比版本号进行安装
  
  image.png
  
  nvm install 17.1.0
nvm ls
nvm use 17.1.0
  
  image.png
• （3）安装nrm并查看当前镜像，切换镜像源
  npm install nrm -g
nrm ls
nrm use taobao
• （4）安装vue脚手架
  npm install -g @vue/cli
• （5）使用vue创建项目
  vue create xx项目名称
  根据项目选择vue2或者vue3，对vue项目比较熟悉的也可以选择手动
  
  image.png
• （6）装好后，根据提示，进入项目目录中，npm run serve启动项目，至此从无到有创建vue项目完成。
  
  image.png

注意事项：有时候npm install安装不成功，建议打开cmd以管理员身份运行，之后再尝试npm install安装