npm、vue

linux系统(本文利用ubuntu)

方式/步调

  1. 1

    若是还没有安装npm或cnpm,请先安装。安装npm号令是:apt-get install npm。安装完当作后可以用npm安装cnpm,号令是:npm install -g cnpm --registry=https://registry.npm.taobao.org

  2. 2

    安装vue-cli3,vue-cli3的包名称由之前的vue-cli改当作了@vue/cli,所以安装的时辰号令应该换当作:npm install -g @vue/cli。小编利用的是cnpm,这里烦琐一句:npm和cnpm号令的区别只有一点——cnpm不克不及利用发布号令,其他都一样。

    3812b31bb051f819f19db343d5b44aed2e73e77b.jpg
  3. 3

    安装的时辰有一点需要注重:因为安装过程中需要对安装目次进行读取或写入操作,所以需要注重目次权限的问题。若是对linux权限有必然领会的童鞋可以把报错信息中没有权限的目次进行对应的点窜,若是不清晰的童鞋可以采用暴力的体例安装:sudo cnpm install -g @vue/cli。(当然小编上图是因为是笼盖安装引起的权限问题)

    738b4710b912c8fcf78445c4f3039245d6882147.jpg dc54564e9258d109a3921abbde58ccbf6c814d41.jpg
  4. 4

    回车之后起头安装,安装完当作之后,我们可以查看一下vue的版本号:vue -V

    a08b87d6277f9e2f8586ae011030e924b899f30c.jpg
  5. 5

    建立新项目:vue create vue-demo,这里依然会涉及目次权限问题,请参考第3步。first create选项是我之前建立的时辰保留的建立设置装备摆设(一会安装完当作之后也可以保留)这里若是是第一次建立是没有第一个选项的,这里小编选择第二项:

    aa18972bd40735faab72fdb091510fb30f24083c.jpg
  6. 6

    回车之后期待安装babel和eslint。(若是保留过建立设置装备摆设,并且之后的设置装备摆设不需要做改动的话,直接选择第一项回车之后就安装完当作啦)

    bd315c6034a85edf8a2b4c2a46540923dd547517.jpg 09fa513d269759eea0bcd2c2bdfb43166c22dfcf.jpg
  7. 7

    按照安装完当作后的提醒号令:cd vue-demo,npm run serve执行之后,拜候http://localhost:8080/

    6159252dd42a283488f58b0254b5c9ea15cebf6c.jpg 730e0cf3d7ca7bcba1eb7a26b1096b63f624a823.jpg
  • 发表于 2019-10-18 17:00
  • 阅读 ( 409 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

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