vue —— 在不安装脚手架情况下启动项目

已于 2022-04-26 16:37:55 修改
阅读量2.3k 收藏
点赞数
分类专栏： 报错笔记 vue 文章标签： vue.js node.js
于 2022-04-26 16:35:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Juliet_xmj/article/details/124431129
版权

vue —— 在不安装脚手架情况下启动项目

要安装node.js

可能会报错node-sass，如果是版本问题，下面操作可以解决，如果是node-sass版本与其他版本出现不适配的报错，可以在package.json文件中将报错的两项手动修改为相互适配的版本

1.切换到淘宝镜像

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

2.初始化项目，生成node_modules文件

告诉 NPM 忽略项目中引入的各个modules之间的相同modules但不同版本的问题并继续安装，保证各个引入的依赖之间对自身所使用的不同版本modules共存

cnpm i --legacy-peer-deps

3.启动项目即可

npm run dev
Juliet_xmj
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
图文讲解用vue-cli脚手架创建vue项目步骤
01-19
用vue-cli脚手架可以快速的构建出一个前端vue框架的项目结构。今天小编我便来记录一下vue-cli脚手架的构建项目的经验。 1、首先便是要搭建好vue-cli脚手架工具才行滴。搭建vue-cli脚手架工具的方法便是如图所示这样滴。 2、然后指定一个目录并用vue init webpack+项目名称便可得到前端项目的结构了哦。 3、接着便是一路回车来确认项目所用到的一些语法和测试包即可。 4、接着便可看到依赖包已经配置成功了。可以用cd来进入项目里边并执行npm run dev即可启动刚才初始化搭建的项目了。 5、接着看看bdjy这个目录里面就有了vue项目结构的一些依赖包了哦。
不使用脚手架构建vue项目
达拉崩巴斑得贝迪卜多比鲁翁_
07-21 1802
不使用vuecli脚手架搭建vue项目
分享一个vue项目“脚手架”项目的实现步骤
12-04
搭建缘由 源于公司每次新启动一个由多人协同开发的项目都由负责人初始化项目之后，每个人再去从私服pull一下项目才开始开发。但是每次初始化工程都是一步步的造轮子，一个个依赖去安装，新建一个个不同功能的文件夹，而每个负责人所初始化的项目目录、以及模块引入方式参差不齐，以至于开发中后期因每个人开发风格的不同导致git提交时总会产生各种各样的“冲突”，也会产生后期代码维护成本增加，所以就有必要考虑一下做一个统一的类似“脚手架”的功能了，用来给团队开发带来便捷的、统一的、易扩展的项目基础。 预实现的功能 公共样式统一管理，全局sass的友好引入 公共js统一管理 解决vue脚手架初始化的部分
Vue 安装 vue-cli 脚手架 & 创建 vue 项目
01-06
安装 node.js Windows windows vue vue-cli 安装 macos 前往 node.js 官网下载 MacOS 版然后无脑下一步。安装完成后验证一下。 node -v # 验证 nodejs 版本 npm -v # 验证 npm 版本 切换 npm 为淘宝源。 // 切换到淘宝镜像 npm config set registry https://registry.npm.taobao.org // 验证是否切换到了淘宝镜像 npm info underscore 安装 vue-cli npm install -g @vue/cli # 注意 macos 系统上必
关于vue不用脚手架 为啥引入element不行的问题
不想内卷的博客
11-10 997
关于vue不用脚手架 为啥引入element不行的问题 很简单，你要在引入vuejs后再引入element，一个小问题，之前一直没有留意
抛开脚手架搭建vue工程
u011134727的博客
08-28 1778
本期分享了vue如何快速搭建一个工程化的项目，并且是非常的轻量级的。安装对应的依赖，依赖分为三步骤，核心依赖库，构建工具库，.vue文件的编译库在每个文件编写对应的配置，即可完成一个轻量级的vue脚手架的搭建当然，有的同学会问这个从哪里来的，那就请看这里吧。...
Vue——webpack项目（没有安装vue-cli脚手架时）解决请求项目启动问题、跨域问题和请求转发报404的问题
weixin_56039103的博客
08-11 1163
项目没有使用 vue-cli 或者 @vue/cli ，直接使用 webpack ，这样起作用的配置文件就是 config/index.js ，所以，在项目根目录下扔一个 vue.config.js 扔了也白仍。即，我当前vue项目的端口号是9001，当遇到请求以/api开头时，就把该请求转发到端口号为8080的后端Java项目。使浏览器访问的IP地址和vue项目中配置的IP地址一致，即，同时为localhost或者同时为127.0.0.1。在解决了以上的跨域问题后发现，无论怎么调试，请求永远报404。..
Vue3.0项目搭建指南 不使用cli脚手架（v2）
meis27461的博客
09-02 2441
Vue3.0项目搭建指南前言一、先让Vue3能够运行1.初始化2.安装相关依赖3.编写项目文件和配置webpack 前言 本指南作用于帮助开发人员更清晰的了解Vue3.0的常用框架及其生态之间的关系，以及在不借助cli脚手架的情况下一步步将项目组装起来。 文中所使用所有相关依赖如下 环境以及工具 nodeJS v.14.16.0 - 基于 Chrome V8 引擎的 JavaScript 运行环境 npm v6.14.11 - nodeJS的包管理工具 编译依赖 webpack v5.51.1 - 模
不使用vue脚手架 搭建项目（webpack简单配置）
aGreetSmile的博客
08-14 2437
前言 今天介绍一篇关于工程搭建的文章。主要介绍不用cli脚手架搭建一套前端工程，因为每个公司不是用脚手架工具安装一下就能进行开发了，很多时候都是对工程有一定的定制需求，你没有深入的去了解cli脚手架的话，可能会很吃力，所以这块还是需要有一定的深入了解的，内容也不是太复杂，但是你需要掌握一些vue、webpack、nodejs的简单的基本概念和认识，也挺适合初级者阅读，我们学前端的小伙伴其实都知道，前端的工程搭建不像后端，后端有一套非常健全的ide开发工具，我们不管做什么样子的项目，企业级应用的话，用j.
不使用vue-cli搭建vue2项目
最新发布
lily1570228436的博客
01-08 472
4、在项目根目录下新建文件index.html、main.js、app.vue、webpack.config.js。打包成功后会在dist文件夹中输出main.js，在index.html中引入打包后的文件。3、安装vue、webpack、webpack-cli、vue-loader。5、修改package.json入口文件为main.js。原因是vue-loader版本有问题，降为15版本即可。1、新建空文件夹vue2-demo。有关vue-loader的配置参见。10、npx webpack 打包。
详解vue-cli 脚手架 安装
01-19
1）如果不确定自己是否安装了node,可以在命令行工具内执行： node -v （检查一下 版本）； 2）如果 执行结果显示： xx 不是内部命令，说明你还没有安装node , node 安装地址：http://nodejs.cn/download/ 注 ：安装...
vue-demo——脚手架.zip
12-02
Vue整个框架
vue2，vue3已经生成好的脚手架（空项目包）
07-19
vue脚手架 vue项目包包含vue2，vue3 所包含的环境：Router路由 Vuex CSS Pre-processors CSS预处理程序（sass）vue脚手架 vue项目包包含vue2，vue3 所包含的环境：Router路由 Vuex CSS Pre-processors CSS预处理程序...
vue-cli脚手架的安装教程图解
12-02
vue-cli脚手架模板是基于node下的npm来完成安装，下面给大家介绍vue-cli脚手架的安装，具体内容如下所述： https://github.com/vuejs/vue-cli 官网 使用官方推荐的webpack 条件： node在4.以上，npm在3以上，查看...
vue —— 项目启动时无法识别es6的扩展语法
Juliet_xmj的博客
04-20 3292
启动项目报错 解决 ES6的拓展运算符报错 1.切换淘宝镜像 npm install -g cnpm --registry=http://registry.npm.taobao.org cnpm install --legacy-peer-deps --save-dev babel-preset-stage-3 cnpm install --legacy-peer-deps --save-dev babel-plugin-transform-object-rest-spread 4.根目
vue —— 父组件同一时间多次调用子组件方法
Juliet_xmj的博客
12-23 2424
子组件方法 child.vue <div>{{msg}}</div> props: { msg: { type: String, default: '' } }, methods: { getData () { console.log(msg) } } 父组件 fa.vue 1.引入子组件 import child from './child' data () { return { list: [ { msg: 'hhhh', in
vuex——计算属性获取的getter值需要刷新才能更新
Juliet_xmj的博客
03-31 1977
vuex——计算属性获取的getter值需要刷新才能更新 描述： // state state: { leader: null }, // getters getters: { getLead: state => state.leader } // mutations mutations: { setLead (state, data) { state.leader = data } }, // 页面中赋值 // 登录时改变state.le
报错笔记——serve : “vue-cli-service serve“
Juliet_xmj的博客
12-22 1165
报错笔记——serve:“vue-cli-service serve” 项目运行编译时报错如图所示，网上搜的删除node_modules并重新npm install根本没有用； 原因：node版本过高，出现不兼容 解决办法：卸载当前node，并安装v10及以下版本，删除node_modules文件，命令行npm install 重新运行编译npm run serve即可 所有node版本入口 node版本入口 下载msi版本可自动添加path配置 ...
vue项目安装脚手架步骤
03-26
1. 确保本地环境已经安装了node.js和npm包管理器。 2. 打开终端（Windows用户为命令行工具），输入...注意：以上仅是简单的安装脚手架并创建一个项目的流程，开发一个完整的vue项目还需掌握vue的基本语法和开发技巧。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值