手动搭建vue-uli

最新推荐文章于 2022-09-02 22:01:27 发布
最新推荐文章于 2022-09-02 22:01:27 发布
阅读量176 收藏
点赞数
分类专栏： 笔记 文章标签： npm vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ENDEAVOR__/article/details/108827198
版权

用npm方创建

1、在D盘创建kkk文件夹
2、进入到kkk文件夹，并检查一下里面的内容
3、安装依赖

npm install

在这里插入图片描述
检查目录出现package-lock.json文件
在这里插入图片描述
4、初始化

npm init -f

在这里插入图片描述
检查目录
在这里插入图片描述
5、安装vue-router
在这里插入图片描述
安装eslint
在这里插入图片描述
6、检查package.json文件
在这里插入图片描述

用cnpm方式创建

1、在D盘创建kkk1文件夹
2、进入到kkk1文件夹中，并运行cnpm install
在这里插入图片描述
在这里插入图片描述
3、初始化cnpm init -f
在这里插入图片描述
在这里插入图片描述
安装其他
在这里插入图片描述

鱼还在鱼塘里
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
手动搭建一个vue项目
weixin_53917307的博客
01-07 1024
一、创建一个空的文件夹app npm init命令帮助我们快速初始化 package.json 文件 pakege.json定义了这个项目所需要的各种模块: name和version定义项目的名称和项目的版本号；dependencies属性指定了项目运行所依赖的模块；license属性是表述你项目发布遵循什么样的规则，用户拥有那些权限；author 属性指明了项目的发布者；scripts指定了运行脚本命令的npm命令行缩写 二、执行npm i –save vue安装vue 生成no...
vue-devtools
最新发布
03-27
此外，Vue Devtools还支持热重载，当源代码发生变化时，应用会自动刷新，无需手动刷新页面，大大提高了开发效率。 对于初学者来说，掌握Vue Devtools的使用是提高Vue开发技能的关键一步。对于经验丰富的开发者，Vue...
如何手动构建vue项目
m0_56796630的博客
09-02 235
基本构建命令
手动搭建vue项目
qq_40922656的博客
11-12 341
小白尝试自己手动搭建vue项目，记录一下。 1、首先安装node.js Node.js 是一个运行在服务端的框架 终端输入： brew install nodejs 或者直接官网手动安装。 node -v 查看 nodejs版本 2、npm init 初始化项目 在指定问路径下初始化一个项目。因为这里是演示demo，我全部使用的默认，直接敲回车就行了。 初始化完项目后，项目中多了个package.json的文件。这个文件就是项目的配置文件。 3、安装包，因为用到了vue以及webpack，所以需要将这
vue.js 安装
新嘉庄的博客
02-04 1462
简单方式 vue init webpack-simple 工程名字 npm install vue-router vue-resource --save npm run dev Vue推荐开发环境 Node.js 6.2.0、npm 3.8.9、webpack 1.13、vue-cli 2.5.1、webstrom2016 现在开始安装环境 安装nodejs 
手动搭建vue工程的环境
zhusixu的博客
11-07 903
一.webpack基础配置 1.确保安装了最新版本的node和npm。 2.首先，创建一个目录，如demo，使用npm初始化配置（如果npm太慢，可以使用cnpm）： npm init 执行后，会出现一系列选项，可以按回车键快速确认，完成后，在demo目录下会生成package.json文件 3.把webpack包安装到node_modules目录中 npm install webpack --...
Intellij IDEA搭建vue-cli项目的方法步骤
12-12
vue-cli对于node和npm的版本是有要求的。 可以通过 node -v （npm -v）查看当前版本，通过 where node （where npm）查看安装路径。 如果node版本不符合vue-cli的要求，那么可以在node官网下载稳定版本并安装。 ...
vue-module-loader:让你用微前端架构搭建Vue应用
08-04
vue-module-loader 分支支持 Vue3，并已进入候选测试阶段，欢迎验证。 vue-module-loader 是一个 Vue 插件，让你使用类似于的架构开发 Vue 应用。 Let you use the micro front-end architecture to build Vue ...
使用vue-cli脚手架工具搭建vue-webpack项目
10-17
Vue官方提供了一个强大的脚手架工具——vue-cli，它可以简化项目的初始化过程，帮助开发者快速搭建项目结构。 首先，搭建VueWebpack项目的第一步是确保你已经安装了Node.js环境。Node.js是JavaScript的服务器端运行...
vue-okr-tree:http
03-19
更新时间2020/12/02修复初步修改数据不渲染问题对应版本：vue-okr-tree@1.0.5 更新时间2020/12/05修改部分展示bug对应版本：vue-okr-tree@1.0.6 更新时间2021/01/13增加updateKeyChildren方法：vue-okr-tree@1.0.7 ...
基于webpack4babel7vue2手动搭建开发环境
08-10
基于webpack4 babel7 vue2手动搭建开发环境
如何创建一个vue项目（初始项目搭建）
12-14
vue项目搭建步骤，图片和文字。
手动搭建vue环境
qq_31440885的博客
12-07 233
啊！天有多高，你有多骚。 ~嗯·啊，玩笑话！最近想做那个啥了，嘿嘿，想手动搭建一下vue的项目。 ~嗯·啊，该如何入手呢？不清楚，自己本人也是在学习阶段吗！come bady，我要重新过一遍vue了，再那个，那个和‘她’深度了解一下。 开始撒！！！！！！！！！！！！！！！！！！！！！！！！！！！！ 那个第一步，我也不知道该干啥，学习呗！！！！！！！ 第一步： 全局安装sudo npm instal...
如何手动搭建一个vue项目
Wldngcs的博客
12-28 611
如何使用webpack搭建vue项目 webpack作用
自己动手简单搭建Vue项目
一入前端深似海
05-09 690
最近工作不好找啊！只好在家复习了，学着学着就像用了这么久的vue-cli脚手架了为什么不自己搭建一个那？于是今天就跟着文档手动搭建了一个。 废话不多说啦！开始我们的搭建吧！！！！！ 首先我们需要在目录下生成一个packjson.json文件 npm init 然后我们需要安装各种的依赖： 我们知道要编译.vue文件的话我们需要vue-loader npm i vue-loader --save 我们还需要vue npm i vue --save .vue文件中那我们需要用的是css和js和编译tem
手动搭建vue2.0框架
weixin_42582488的博客
08-20 139
手动搭建一个vue2.0项目工程框架
手动搭建vue项目最简配置
yes_catherine的博客
01-14 461
一、 vue-loader是一个 webpack 的 loader，编译.vue文件。 vue-template-compiler 编译templates为render函数，单独拿出来是可以单独指定其版本，版本与vue版本相对应。 npm install -D webpack vue-loader vue-template-compiler 二 配置 webpack 使用 file-loader 或者 url-loader 去处理像 .png 这样的文件 转换资源 URL 的好处是： file-
vue手动配置搭建项目
qitianxiu的博客
05-28 1520
1 创建 根目录 letao 2 初始化仓库                               git init3 创建说明书package.json                   npm init -y       4 用yarn替代npm 快速                   yarn --version   查版本5创建源码目录src index.js文件        ...
vue + webpack 实践 手动搭建环境 基础环境(一)
何平的博客
10-24 564
基于Vue、vue-router、vuex、webpack、gulp自主搭建工程化前端项目 码云项目地址： github项目地址：
快速搭建Vue前端项目：vue-element-admin实践
在本文中，我们将深入探讨如何搭建一个基于Vue和Element-UI的前端项目，以`vue-element-admin`为例，它是一个功能丰富的后台管理前端解决方案。首先，我们需要从GitHub上获取项目源代码，并了解其基本目录结构和关键...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值