Vue如何新建项目及Vue

node.js

方式/步调

  1. 1

    先从nodejs.org中下载nodejs

    eaf81a4c510fd9f9ce9a46632a2dd42a2834a42e.jpg
  2. 2

    安装nodejs,按照步调直至完当作安装

    0df3d7ca7bcb0a46fcac98336463f6246b60af29.jpg
  3. 3

    打开节制号令行程序(CMD),查抄安装是否正常

    查看node.js版本号与npm版本号

    500fd9f9d72a60593f09f3102734349b033bba9a.jpg
  4. 4

    利用淘宝NPM 镜像

    大师都知道国内直接利用npm 的官方镜像长短常慢的,这里保举利用淘宝 NPM 镜像。

    $  npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org

    这样就可以利用cnpm 号令来安装模块了:

    ac6eddc451da81cb9ae791c75d66d016092431b2.jpg
  5. 5

    Vue项目初始化

    安装vue-cli

    cnpm install vue-cli -g      //全局安装 vue-cli

    3c6d55fbb2fb43166c1268702fa4462309f7d3ae.jpg
  6. 6

    查看vue-cli是否当作功,不克不及查抄vue-cli,需要查抄vue

    8326cffc1e178a82758c6daaf903738da977e80c.jpg
  7. 7

    新建vue项目

    选心猿意马路径,新建vue项目,这里我是在D盘上新建了vue文件夹,cd目次路径

    下面我一项目名为playlist新建vue项目

    vue init webpack  ”项目名称“

    d52a2834349b033b45dfe1d01ace36d3d539bd60.jpg
  8. 8

    安装号令:cnpm install

    此刻已经建立好了,那就让项目先安装下依靠再运行一下,会呈现下面的页面

    注重这里要在playlist下进行安装!!!

    8b13632762d0f703674588d607fa513d2797c5c1.jpg
  9. 9

    运行号令:cnpm run dev

    注重 这里要在playlist下进交运行哦!!!

    f3d3572c11dfa9ec78d94b1d6dd0f703908fc1c1.jpg
  10. 10

     安装当作功。

    574e9258d109b3def2daf862c3bf6c81800a4c56.jpg
  • 发表于 2019-10-19 17:00
  • 阅读 ( 733 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具