vue-cli创建

最新推荐文章于 2024-05-14 15:50:19 发布
最新推荐文章于 2024-05-14 15:50:19 发布
阅读量557 收藏
点赞数
分类专栏： 前端 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ultingCSDN/article/details/127698984
版权

一、创建环境---- 需要安装node

采用nvm安装 

采用nvm管理node.js版本，官网：nvm文档手册 - nvm是一个nodejs的版本管理工具

 nvm基本指令

nvm list available

显示可下载版本的部分列表

nvm install latest

安装最新版本

nvm install 版本号

安装指定的版本的nodejs

nvm list

nvm ls

查看目前已经安装的版本

nvm use 版本号

切换node版本-使用指定版本的nodejs

nvm on/off

开启/关闭node.js版本管理。

nvm node_mirror [url]

设置node镜像

nvm npm_mirror [url]

设置npm镜像。

nvm uninstall

卸载指定版本node

 npm使用

修改npm全局安装路径

最低0.47元/天 解锁文章
素雪风华
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
如何搭建vue脚手架
ll123456789_的博客
04-06 694
提问：为什么不全局使用？(具体可根据项目需求)使用：eslint的预制配置，且了解配置作用。使用 create-vue 脚手架创建项目。vscode 开启 eslint 自动修复。知道：默认生成的路由代码的含义。安装：项目开发需要的一些插件。实现：完整使用vant组件库。了解：每一个目录结构的作用。2.选择项目依赖类容。如何创建实例的方式？
Vue3项目部署安装
qq_54039576的博客
03-17 665
同vue3+ts部署,不选择ts语法即可,(注意以前的vue3+js项目,可能是用vue-cli 安装的 , 使用yarn serve命令运行的)创建vue项目, vue create (vue项目名称)也不说失效了,主要是node版本以及。若无vue脚手架,先安装vue脚手架。yarn serve 运行项目，创建目录, 安装vue脚手架。启动项目yarn serve。yarn build打包项目。yarn i 安装项目依赖。的（可以选择创建vue2)
2024年最全创建一个vue项目搭建vue-cli环境（Vue2(1)，2024年最新2024最新前端面试笔试题目分享
最新发布
2401_84619565的博客
05-14 509
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】3：输入安装淘宝镜像安装相关依赖4：安装vue-cli脚手架构建工具，输入命令，安装完成即可。出现以上提示表示vue-cli正常安装成功，可以正式创建vue-cli工程项目了5：在上一步得目录下新建项目，指令vue init webpack6：生成的文件目录7：生成文件目录后，使用 cnpm 安装依赖：7：运行项目，指令8:在浏览器中打开这个网址，就能看到至此，vue项目新建完毕。
yarn创建vue项目报错解决
weixin_42202992的博客
01-08 2520
yarn create vue 命令创建项目报错处理
vue3 创建过程中 运行npm create vue@latest 和 npm install卡住不动的解决方法之一
weixin_47588909的博客
12-10 7676
npm create vue@latest、和npm install 不管是电脑cmd上还是vscode终端上都是卡很久或不动！4、创建vue3 速度就可以了！
Vue脚手架搭建
Fanbin168的专栏
12-25 1965
我们使用vue是建立在node的命令 第一步：安装node.js 安装完毕后查看版本号， node-v 出现版本号及表示安装成功，也可以查看npm版本 npm -v 第二步： node 切换到淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 第三步：安装vue客户端 vue cli的包名称由vue-cli改成了@vue/cli 如果你再以前已经安装了vue-cli 那么你需要先将老版本卸载。 ...
vue使用vue-cli快速创建工程
01-19
本文介绍了vue使用vue-cli快速创建工程，分享给大家，具体如下： vue-cli安装 npm i vue-cli -g vue init webpack-simple vue-todos vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue ...
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
在你的 vue-cli 创建的项目中安装插件，如果没有请参考 vue add multiple-page 命令 以下是此插件的 3 个命令： init-config : 初始化vue.config.js & Views.json两个文件到你的项目 build-multi : 并行构建多个...
Vue-cli创建项目从单页面到多页面的方法
08-29
Vue-cli创建项目从单页面到多页面的方法 Vue-cli是一个基于Vue.js的项目脚手架工具，可以快速创建Vue.js项目。单页面应用程序（SPA）是指只有一个HTML文件的应用程序，而多页面应用程序（MPA）是指有多个HTML文件的...
vue-cli-plugin-tailwind:Tailwind CSS的vue-cli插件
05-10
入门在您的vue-cli项目文件夹中，通过以下方式添加插件： vue add tailwind选择要生成的Tailwind配置： 无-不会创建一个配置文件。 如果已经有了配置（确保配置PurgeCSS），则很有用。 最小（默认） -将创建一个最小...
Vue创建项目的步骤
热门推荐
m0_51636525的博客
08-09 1万+
可以有两种创建vue的方式，一种是vue CLI脚手架，一种是vite工具。npm更新到最新版本方法 npm install -g npm。检查一下npm和node版本。
yarn+npm分别创建vue3项目保姆级教程。
CHINA_YoungGuo的博客
03-12 4890
1 ，vue环境 1.1 安装node: 直接下一步下一步官网下载：https://nodejs.org/zh-cn/ 1.2 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 1.3 创建vue的工程（需要一个vue脚手架） cnpm install -g @vue/cli 注：如果2、3步报错，清除缓存后重新走2、3步 npm cache clean --force 1.4 命令行下敲 vue -h就会有提示 2
vue笔记-vue简单使用
Goodight的博客
10-26 2583
vue以及相关插件的简单使用
Vite搭建Vue3 + TypeScript 项目(Yarn)
HUMM
11-04 1833
npm安装yarn。
如何使用vite 构建一个vue3 + ts的项目
qq_43806488的博客
03-21 682
第一步全局安装vite 第二步 npm init vite@latest yarn create vite 运行之后 输入项目名称 回车 选择vue 回车 选择vue +ts 然后下载依赖 下载完成后执行 yarn dev
❤ VUE3 项目配置（二）主推 yarn
林太白
07-05 884
❤ VUE3 项目具体配置yarn
npm yarn 安装 vue
xiaonilei的博客
04-02 1万+
vue-cli 与 yarn 安装 1、安装node 前往node官网下载node 然后安装。 安装完成后 node -V 查看node版本 npm -V 查看npm版本 安装淘宝镜像，在管理员黑窗口执行一下命令 npm install -g cnpm --registry=https://registry.npm.taobao.org 2、安装vue 在管理员黑窗口执行一下命令 npm/cnpm...
Vue安装教程
Chuinj的博客
03-23 242
官方脚手架安装流程
vue-cli创建vue项目
07-28
您可以使用以下步骤在Vue项目中使用vue-cli进行创建： 1. 首先，确保您已经安装了Node.js和npm。您可以通过在终端中运行以下命令来检查它们是否已安装： ``` node -v npm -v ``` 如果没有安装，请前往Node.js官方网站（https://nodejs.org/）下载并安装。 2. 安装vue-cli。在终端中运行以下命令： ``` npm install -g @vue/cli ``` 这将全局安装Vue CLI。 3. 创建新的Vue项目。在终端中导航到您想要创建项目的目录，并运行以下命令： ``` vue create project-name ``` 将“project-name”替换为您希望为项目选择的名称。 4. 在创建项目时，Vue CLI会提示您选择一些配置选项。您可以根据需要进行选择，或者使用默认选项。一旦选择完成，项目的基本结构和依赖项将自动生成。 5. 进入到新创建的项目目录中： ``` cd project-name ``` 6. 启动开发服务器。运行以下命令： ``` npm run serve ``` 这将启动一个本地开发服务器，并在浏览器中显示您的Vue应用程序。 这样，您就成功使用vue-cli创建了一个新的Vue项目。您可以根据需要修改和扩展该项目。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值