欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

安装并使用vue-cli脚手架

程序员文章站 2022-07-10 18:13:29
...

vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板
安装过程:
首先需要安装node.js和npm最新版

再安装脚手架
1.打开电脑的终端界面,全局安装vue脚手架

npm install -g @vue/cli

卸载vue

npm uninstall -g @vue/cli

2.检查安装情况

vue --version

3.进入预创建项目的目录文件夹
4.进入vue的图形化界面

vue ui

安装并使用vue-cli脚手架
5.点击创建新项目
安装并使用vue-cli脚手架
默认配置项目
6.预设中选择默认,开始创建
安装并使用vue-cli脚手架
7.创建完成
安装并使用vue-cli脚手架
手动配置项目
6.预设中选择手动,下一步
安装并使用vue-cli脚手架
7.勾选相应需要用到的,点击下一步
安装并使用vue-cli脚手架
安装并使用vue-cli脚手架
8.选择编译器和语法验证
安装并使用vue-cli脚手架
9.输入预设名
安装并使用vue-cli脚手架

最后进入项目文件夹,运行服务器
1…打开我的项目
安装并使用vue-cli脚手架
2.运行服务器

 npm run serve

安装并使用vue-cli脚手架
3.访问http://localhost:8080/,预览页面

相关标签: vue vuecli