vue 安装使用 vue-cli

拼搏现实的明天。 2022-05-27 09:22 343阅读 0赞

老版本如下（2018年 2.x ）：（新版本3.x往下看）

vue-cli 可以帮助我们快速的搭建一个vue 的项目目录；

首先安装vue-cli ：npm install —global vue-cli

70

然后初始化一个基于webpack的项目，名字：cvper，

其中会有各种参数提醒设置，随便来；

70 1

下面根据提示来操作吧： cd cvper npm run dev

70 2

上一步的最后让我访问：http://localhost:8080,那我们浏览器中打开看一下：

70 3

好了，现在已经通过vue-cli 快速的搭建完成了我们的项目结构，并且可以正常访问了；

——————————————————————————————————————————————————————

下面的内容更新于2019.5

现在vue-cli 已经更新到3.x了，

官方地址：https://cli.vuejs.org/

  1. 安装：（我这里全局安装一下，以后都用这个）

    npm install @vue/cli -g

  2. 创建项目：(创建 demo 项目)

    vue create demo

  3. 创建完成之后，有相应的提示，并且给出了两种访问方式，之前只有localhost 这么一种；

    App running at:

    • Local: http://localhost:8080/
    • Network: http://192.168.1.53:8080/

发表评论

表情：
评论列表 （有 0 条评论，343人围观）

还没有评论，来说两句吧...

相关阅读