安装vue脚手架----vue-lic

已于 2023-04-20 09:57:05 修改
阅读量78 收藏
点赞数
文章标签： vue.js 前端 javascript
于 2023-04-16 12:34:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/2301_77560707/article/details/130180760
版权
本文介绍了如何将Vue工程部署到Node.js服务器，强调了避免在中文或有空格的目录下安装。接着，详细讲解了安装vue-cli并验证其安装成功，以及使用vue-cli创建Vue工程的步骤。在工程创建后，提到了安装相关插件和依赖，并指导如何在WebStorm中打开和启动Vue工程，包括解决配置问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.安装nodejs服务器

写好的vue工程---把我们的工程部署到该服务器上。

==注意:不要安装到中文目录下或者空格的目录下==

 node服务器安装好。

 2.安装vue脚手架-- vue-cli

可以帮我们创建标准的vue工程

 验证是否安装成功

3.使用vue脚手架创建vue工程

 

 

 

 

 

 

 

创建号vue工程会进入这个界面

 3.安装相关的插件和依赖

 

 

 

安装依赖 

 

 4.使用webStorm打开vue工程

 4.1在webStorm中启动vue工程

        确保vue工程路径 ， npm run serve 

解决问题：

 打开setting，按下方图片设置， 设置完毕重启webStorm

2301_77560707
关注
脚手架、vue-cli与@vue/cli概念辨析
skysys的研究小屋
01-22 1618
脚手架 「为减少重复性工作而做的重复性工作」的工具 例子 你要写一个项目0，源语言为ES6，用了sass, 后端是node.你每次完成一部分功能，你都要用把ES6编译到ES5、编译sass、压缩html文件。每次修改代码都要做的编译ES6、sass、压缩html这些就是重复性工作。 后来你知道了gulp, 然后你写了个gulp脚本，每次有代码改动，一句gulp build就帮你完成了上面说的这些重复性工作. 你写的gulp脚本就是为减少重复性工作而做的工作。你写完这个项目0之后，你又要写项目1，还是ES6、
vue-lic脚手架安装与部署项目流程
比巴卜的博客
08-21 3272
安装node.js 从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入 node -v，如果出现相应的版本号，则说明安装成功。 另外nodejs就已经自带npm（包管理工具）了，另需要注意的是npm的版本最好是3.x.x以上，以免对后续产生影响。 注意： 安装目录，...
Linux-Vue-cli安装记录
csdn_yasin的博客
01-02 4331
说明 Vue-cli是Vue提供的一个脚手架（命令行工具），可以方便且快速的搭建庞大和复杂的Vue项目 Vue-cli往往依赖包管理工具（npm）进行安装 npm包管理工具是Nodejs提供的一个包管理工具，因此要使用npm还需要先安装Nodejs 安装 有关先前版本的警告：程序包名称从更改vue-cli为@vue/cli。如果vue-cli已全局安装了先前的（1.x或2.x）软件包，则需要先使用npm uninstall vue-cli -g或卸载它yarn global remove vue-cl
vue-cli目录详解
qq_43121828的博客
07-23 2090
vue-cli脚手架目录一览 最近在学习vue，看的稀里糊涂。今天从头开始，把cli配置的vue项目目录和配置文件搞清楚。 先看看整个项目目录结构： 再看看build文件夹下相关文件及目录： config文件夹下目录和文件： 接下来说说vue-cli项目中页面相关的主要文件o 首先是index.html: 说明：一般只定义一个空的根节点，在main.js里面定义的实例将挂载在#app节点下，...
使用 vue-lic3 创建 vue 项目
君非道的博客
12-14 2911
使用 vue-lic3 创建 vue 项目 在使用 vue-lic3 创建 vue 项目工程之前首先要确保已经安装了 nodejs，webpack vue-cli 是 vue 的脚手架，可以用配置好的模版快速搭建起一个项目工程，不用自己去配置 webpack 配置文件的基本内容。 安装 vue-cli 3.0 版本：通过 npm install -g @vue/cli或 yarn global ...
[VUE] Vue-CLI的安装、使用及环境配置（超详细）
热门推荐
leo的博客
11-20 4万+
Vue-CLI的安装、使用及环境配置的详细步骤（超详细）
vue-cli 脚手架安装 scss 的具体步骤
sinat_33255495的博客
12-24 1227
（1）vue-cli 2系列创建 vue 项目 vue init webpack myProject （2）npm 安装 sass 依赖包 npm install sass-loader node-sass --save-dev （3）修改配置 在build文件夹下的webpack.base.conf.js的rules里面添加配置： { test: /\.scss$/, loaders: ['style', 'css', 'sass'] } （4）使用 使用scs
vue-cli（vue脚手架）超详细教程
06-20 1833
vue2是对新手很友好的MVVM框架，有完善的官方中文文档，阅读起来也非常容易理解，由浅入深，示例完整。同时官方也提供了一个开箱即用的 vue-cli 帮我们生成一个完整的项目框架。 vue.js 著名的全家桶系列, 包含了， vue-router, vuex， axios，再加上 vue-cli 就是一个从 路由，数据流管理，http请求都有的核心项目，vue 社区的丰富资源，也是满足了我们日常开发中的需求了。 vue-cli 这个构建工具大大降低了 webpack 的使用难度，开箱即用的特性，大大降
vue-lic工具搭建vue-webpack项目
weixin_30823001的博客
02-27 287
1.安装node环境(安装node时候会自动安装npm) 　　参考官网:https://nodejs.org/en/download/ 2.安装vue的脚手架工具vue-cli // 全局安装 npm i vue-cli -g 3.使用vue-cli初始化webpack项目(在这里用的是cmd，可以选择选项) vue init webpack test-project// ...
Vue脚手架(Vue CLI)安装时遇到的问题
weixin_51200364的博客
06-29 311
最后就会显示以下情况，就是安装成功了。进行通信时，遇到了证书过期的问题。可以尝试换回默认的npm 源：运行。
vue.js的手脚架vue-cli项目搭建的步骤
01-19
手脚架是什么？...然后， vue-cli 的脚手架项目模板有browserify 和 webpack ,vue-lic这个手脚架是把预定义的模板（存放在不同的服务器上）复制到本地作为项目初始结构， 官网给出了两个模板： webpack-si
基于vue-cli搭建自己的移动端项目.zip
11-01
Vue CLI（命令行接口）是Vue.js官方提供的一套脚手架工具，用于快速搭建现代化的前端项目。本项目将详细介绍如何使用Vue CLI来构建一个移动端应用。 首先，让我们从安装Vue CLI开始。在您的开发环境中，确保已经...
使用 Vue 展示 Markdown 文本
bulucc的博客
05-21 207
这种方法可以直接渲染 Markdown 文本，但是不支持语法高亮和其他高级功能。这种方法支持语法高亮和其他高级功能，并且不需要引入 marked 库。这种方法支持语法高亮和其他高级功能，但是需要引入 prismjs 库。这种方法支持语法高亮和其他高级功能，但是需要引入 marked 库。
Vue百日学习计划Day43-45天详细计划-Gemini版
LuckyLay的博客
05-20 971
【代码】Vue百日学习计划Day43-45天详细计划-Gemini版。
关于vue彻底删除node_modules文件夹
程序员伊成
05-22 204
该命令是安装 node的 rimraf 包。rimraf 包的作用：以包的形式包装rm -rf命令，就是用来删除文件和文件夹的，不管文件夹是否为空，都可以删除。在node_modules文件夹所在的路径运行命令窗口,并执行下面的命令.vue的node_modules文件夹非常大,常规手段根本无法删除.删除node_modules文件夹。运行命令行,清除缓存。
【[特殊字符] Vue 3 实现动态加载子组件并缓存状态完整指南】
zsr154278963的博客
05-20 786
本文详细介绍了如何在 Vue 3 中实现动态加载子组件并缓存状态的完整解决方案。通过使用 Vue 3 的 Composition API、<component is>、defineAsyncComponent、<KeepAlive> 和 defineExpose 等技术，开发者可以在大型管理系统或低代码平台中实现以下功能：动态加载不同子组件、传递参数、调用子组件方法、缓存组件状态以及一键保存所有子组件数据。文章还提供了文件结构示例、实现流程详解、关键知识点总结以及可选扩展建议，帮助开
vue3+elementPlus穿梭框单个拖拽和全选拖拽
weixin_39494582的博客
05-20 248
vue3+elementPlus穿梭框单个拖拽和全选拖拽
vue pinia 独立维护,仓库统一导出
最新发布
lw8014的博客
05-23 199
安装依赖pnpm i pinia-plugin-persistedstate。将插件添加到 pinia 实例上。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值