使用vue/cli创建vue项目

373 阅读1分钟

确保已经安装node.js和git、npm

版本:

  • node.js  -----> 14
  • npm -----> 6.14
  • @vue/cli  -----> 4.5.10

1、使用cnpm

1. 执行:
npm config set registry https://registry.npm.taobao.org
2.. 验证:
npm config get registry  //返回 https://registry.npm.taobao.org,即为镜像配置成功。

2、安装@vue/cli

cnpm install --global @vue/cli  // 此为全局安装

3、创建vue项目目录

vue create cnode //(vuedemo为项目目录名称)

安装成功

4、进入项目目录

5、启动项目

npm run serve

启动成功提示:

 App running at: - Local: http://localhost:8080/ 

浏览器打开

6、项目目录列表

参考文章:创建简单的vue项目