Vue 入门 III：Vue 脚手架（安装 vue2/vue3）

最编程 2024-06-16 16:41:14

...

1、node、npm安装及使用

（1）安装node、npm

可以直接在官方网站中下载安装

安装完成可以使用node -v、npm -v进行检查是否安装成功

node -v
npm -v

（2）安装webpack：不需要手动安装了

npm install webpack -g

（3）使用taobao镜像加速

npm install -g cnpm --registry=https://registry.npm.taobao.org

（一）卸载vue3.X+（如果安装过）

npm uninstall -g @vue/cli

（二）安装vue2.X+，安装成功可以使用vue -V进行检查是否安装成功

npm install vue-cli -g

基于2.X+版本的脚手架创建vue项目

①使用命令行创建vue2.X+项目

vue init webpack vue_demo
cd vue_demo
//npm install
npm run dev

（1）卸载旧版本vue2.X+（如果安装过）

npm uninstall vue-cli -g

（2）安装vue3.X+，安装成功可以使用vue -V进行检查是否安装成功

npm install -g @vue/cli

基于3.X+版本的脚手架创建vue项目

①使用vue ui图形界面创建vue3.X+项目

vue ui

②使用命令行创建vue3.X+项目

vue create <Project Name> //文件名 不支持驼峰（含大写字母）

③基于2.X的旧模板，创建旧版vue项目

npm install -g @vue/cli-init //第一次使用
vue init webpack my-project

参考：