Vue脚手架的安装和创建项目

作者: 五号社会好青年 | 来源:发表于2022-03-01 17:28 被阅读0次

1.去node.js官网下载node.js

QQ图片20220302170948.png

2.下载完成后可查看node和npm版本

node -v

QQ图片20220302171225.png

npm -v

QQ图片20220302171229.png

3.下载镜像

npm nrm -g

查看镜像

nrm ls

QQ图片20220302171444.png

使用淘宝镜像

QQ图片20220302171450.png

4.创建项目

vue create mydemo2(项目名称)

QQ图片20220302171947.png

选择 Manually select features

QQ图片20220302172436.png

QQ图片20220302172440.png

QQ图片20220302172445.png

QQ图片20220302172450.png

QQ图片20220302172455.png

QQ图片20220302172500.png

项目创建完成

QQ图片20220302172505.png

启动项目

QQ图片20220302172511.png
打开项目界面

QQ图片20220302172516.png

vuecli3创建项目两种方式
1. 安装与创建安装vue脚手架 npm install -g @vue/cli创建项目a.手动创建vue cr...
Vue脚手架: vue-cli@3.0.5
Vue脚手架vue-cli3.0.5 脚手架安装脚手架vue-cli3.0.5的使用 2.创建vue项目开发环...
vue-cli脚手架搭建vue项目
一、下载nodejs并安装和配置环境变量二、安装vue-cli脚手架三、使用vue-cli脚手架创建项目四、...
环境搭建
安装脚手架 npm i -g @vue/cli 创建项目 vue create xxx
VUE----使用脚手架创建vue项目
学习了vue的基础之后尝试使用脚手架创建一个vue项目 1.全局安装vue脚手架：安装完成之后，vue脚手架文件...
使用HBuilder将Vue项目打包为移动端APP
1. 创建Vue项目并测试可正常运行创建：可使用vue脚手架工具vue-cli创建vue项目，并安装依赖测试：...
使用HBuilderX将Vue项目打包为移动端APP
1. 创建Vue项目并测试可正常运行创建：可使用vue脚手架工具vue-cli创建vue项目，并安装依赖测试：...
Vue学习-小白
前提是已经安装了npm和Vue以及脚手架vue-cli 1、创建项目 vue init webpack 项目名 2...
Vue
重置样式 npm install minireset.css 安装脚手架和创建项目安装vue-clinpm in...
使用vue脚手架创建Vue项目并引入bootstrap-vue
安装vue脚手架；如果已暗转跳过这步创建一个Vue项目安装bootstrap和bootstrap-vue 在m...