npm install -g @vue/cli
vue -V
显示最新版本为
@vue/cli 4.2.2
vue create 项目名
vue3开始，创建项目的命令变了，若利用
vue-cli2.x创建，需装一个桥接工具@vue/cli-init
npm install -g @vue/cli-init
安装完成后，可以利用vue-cli 2.x创建项目
vue init webpack 项目名
选择手动安装
手动安装.jpg
上下键选择需要安装的环境，点击空格键选中
自定义安装模块.png
css
node-sass.png
1581594593(1).jpg
此后一路默认即可，最终生成的项目结构如图
项目结构.png
项目目录.png
命令：
cd 项目名
npm run serve
启动页面如图：
初始化页面.png
Vue-cli 1 . Vue-cli安装 2 .创建项目 vue init
#检查node环境 安装nrm 卸载vue-cli 安装 vue-cli 创建项目 运行项目
Vue-cli项目的创建 最近在开发网站，项目运用到了Vue-cli这个脚手架工具，下面记录一下vue-cli创建...
创建vue项目流程 1.使用构建工具vue-cli创建项目脚手架 vue-cli是一个官方发布vue.js项目脚手...
创建vue项目流程 1.使用构建工具vue-cli创建项目脚手架 vue-cli是一个官方发布vue.js项目脚手...
Vue-cli入门教程 vue-cli是官方发布vue.js项目脚手架，使用vue-cli可以快速创建vue项目 ...
安装node 使用淘宝 NPM 镜像 全局删除vue-cli 全局安装vue-cli 创建项目 启动项目 npm ...
利用vue-cli创建项目 npm install --global vue-cli vue-init webpa...
使用vue-cli创建项目 标签（空格分隔）： vueJS 说明：vue-cli 是一个官方发布vueJS项目脚...
一 创建项目 查看vue-cli版本 2.卸载vue-cli 2.x版本，升级为3.x版本 3.创建新项目 二.本...
本文标题：vue-cli创建项目
本文链接：https://www.haomeiwen.com/subject/rjblfhtx.html
网友评论