美文网首页
使用vue-cli创建项目模板

使用vue-cli创建项目模板

作者: 王童孟 | 来源:发表于2018-06-19 22:29 被阅读0次

打开终端(我用的是git bash,windows下)
cd ~/Desktop
npm install -g vue-cli 全局安装 vue-cli
vue init webpack blog-client 提示(vue命令不能使用,网上有其他解决办法,这里不使用)
参照官网 工程创建
npm install --global @vue/cli 全局安装@vue/cli
运行vue init webpack 你的项目名称 提示如下:

1.png
npm install -g @vue/cli-init
再次运行vue init webpack 你的项目名称 成功
选项里,选择安装 vue-router填yes ,npm install 默认选 npm
2.png
依赖安装完成后,按照提示进入项目目录
3.png
npm run dev
4.png
此时,会启动一个 server,浏览器打开http://localhost:8080,得到一个vue的demo
5.png

相关文章

  • webpack相关

    1. vue-cli 创建项目 主流使用webpack模板进行创建 vue init webpack vuedem...

  • 02.Vue组件化编码

    使用 vue-cli 创建模板项目 vue-cli 是 vue 官方提供的脚手架工具 github: https:...

  • Vue 创建模板项目

    使用 vue-cli 创建模板项目 说明 1)vue-cli 是 vue 官方提供的脚手架工具 2)github:...

  • 4-3

    使用 vue-cli 创建模板项目 说明 1)vue-cli 是 vue 官方提供的脚手架工具 2)github:...

  • 2019-06-30第四天

    2.1. 使用 vue-cli 创建模板项目 2.1.1. 说明 1)vue-cli 是 vue 官方提供的脚手架...

  • Vue组件化编码

    使用 vue-cli 创建模板项目 1、说明 1)vue-cli 是 vue 官方提供的脚手架工具2)github...

  • 如何在vue中使用sass

    创建一个基于 webpack 模板的新项目 全局安装 vue-cli 创建一个基于 webpack 模板的新项目 ...

  • 【uniapp】使用vue-cli创建微信小程序项目

    为了方便管理,使用vue cli创建项目。 全局安装vue-cli 在目录下运行,创建基础脚手架 选择默认模板 与...

  • vue.js 项目初始化 (小白)

    创建项目模板 template 打开终端 安装 vue-cli 创建 blog-client 项目 下面会出现 项...

  • 使用vue-cli创建项目模板

    打开终端(我用的是git bash,windows下)cd ~/Desktopnpm install -g vue...

网友评论

      本文标题:使用vue-cli创建项目模板

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