美文网首页
vue的安装与vue.cli的使用

vue的安装与vue.cli的使用

作者: twentyshaw | 来源:发表于2019-07-20 22:03 被阅读0次

npm操作流程

  1. 打开node.js
  2. cd ~/Desktop //进入你想创建项目的目录
  3. npm install -g vue-cli
  4. vue init webpack blog-client //初始化你的项目 'blog-client'是项目名
  5. 这里直接按回车


    image.png

6.项目描述与作者都按回车


项目描述与作者

7.输入y 回车


image.png
image.png

以上的操作过后,会创建出blog-client目录,这就是你的vue项目模板了
进入该目录运行:npm run dev,会启动一个 server,浏览器打开 http://localhsot:8080即可看到模板项目的效果

相关文章

  • vue的安装与vue.cli的使用

    npm操作流程 打开node.js cd ~/Desktop //进入你想创建项目的目录 npm install ...

  • vue之Helloworld

    一,vue核心框架为vue.js, 初步学习可不使用vue.cli, 可在本地引入vue.js或vue.min.j...

  • vue.js

    vue.cli(脚手架)安装 1,检查NODE版本,确保在4以上稳定版本2,npm install -g vue-...

  • 2020-12-22

    Vue 的两个版本 vue.cli官方文档[https://cli.vuejs.org/zh/guide/inst...

  • vue的新建页面竟然没有命令只能通过自己手动建立xxx.vue文

    leftNav.vue 上周撸了两个vue页面死活 想不起自己怎么写出来的 ,查了一早上vue.cli命令 想要看...

  • 一些参考文章

    1、vue-devtools vue-devtools的安装与使用 2、proxyee-down proxyee-...

  • 使用vue创建项目

    一、vue/cli 安装 1.使用npm install -g @vue/cli 全局安装vue2.使用vue -...

  • 18.vue cli 的使用

    vue cli的使用 首先,安装vue cli 注意:这里安装的是vue cli3,如果我们想要使用vue cli...

  • vue.js学习记录

    一、vue-cli的使用方法 安装vue :** npm install vue** 安装vue-cli:npm ...

  • 我的Vue学习笔记

    Vue安装 安装脚手架,使用全局安装就可以 安装完使用这个命令查看vue cli的版本 初始化一个Vue项目 然后...

网友评论

      本文标题:vue的安装与vue.cli的使用

      本文链接:https://www.haomeiwen.com/subject/evhplctx.html