创建简单的 Vue 项目

769 阅读1分钟

创建简单的 Vue 项目,步骤如下:

  • 1.首先,node.jsgit默认已经安装。
  • 查看 node 是否安装成功,执行:
npm -v    //返回版本号,即为成功。

  • 那么,你便可以愉快的按照下面的步骤完成初步的 Vue 项目创建了。

安装 @vue/cli

  • 执行:
npm install --global @vue/cli  // 此为全局安装
======
tip:如果网速不理想可以试试使用淘宝镜像:
一、通过使用cnpm安装依赖。
1.执行安装cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org
2.使用cnpm
cnpm install xxx(命令)
二、通过命令配置将依赖源改成淘宝。
1. 执行:
npm config set registry https://registry.npm.taobao.org
2.. 验证:
npm config get registry  //返回 https://registry.npm.taobao.org,即为镜像配置成功。
  • 创建简单的vue框架
vue create vue-    //vue create xxx(项目文件/name) ,如下图:

  • 打开项目,安装vuex、router
1.cd xxx/
2.vue add vuex
3.vue add router

  • 执行:
npm run dev    //运行项目