yarn+npm分别创建vue3项目保姆级教程。

npm安装vue3项目

**

1 ,vue环境

** 1.1 安装node: 直接下一步下一步官网下载:https://nodejs.org/zh-cn/ node -v和npm -v检查版本 1.2 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 1.3 创建vue的工程(需要一个vue脚手架) cnpm install vue@next cnpm install -g @vue/cli 注:如果2、3步报错,清除缓存后重新走2、3步 npm cache clean --force 1.4 命令行下敲 vue -h看是否有vue的指令列表提示

2 ,创建项目

前提:在目标目录建立项目,打开文件管理器,在路径框输入cmd回车 2.1在命令窗口输入vue create 项目名创建 2.2在命令窗口输入vue ui进行可视化创建

3,创建vite+vue3

npm init vite@latest 项目名 cd 项目名 npm install npm run dev

yarn安装vue3项目

全局安装yarn npm install yarn -g 切换源 yarn config get registry yarn config set registry https://registry.npm.taobao.org 安装新版: yarn global add @vue/cli 检查vue是否被安装 vue -V 创建项目(与npm创建vue3项目一样) vue create my-project 我们一般使用第一条(默认)、vuex、router,css预处理,ts等/完成之后,进入到创建的项目根目录下 cd my-project 安装依赖包 yarn 说明:yarn是yarn install的简写,可直接敲击yarn,功能和npm install一样 最后运行项目 yarn run dev 浏览器会自动打开运行一个页面,出现以下页面,说明成功了。

上一篇:ssd固态硬盘缺点(固态硬盘缺点是什么)
下一篇:Apache APISIX学习(1):介绍、docker启动