vue项目配置搭建过程简述

最新推荐文章于 2022-09-03 18:21:45 发布
最新推荐文章于 2022-09-03 18:21:45 发布
阅读量242 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kakamonster/article/details/81707272
版权

前提：已安装nodejs——npm
一：建立项目文件夹 Testproject 用于保存项目文件
二：cd 进入文件夹
1.安装npm（淘宝镜像）
npm install -g cnpm --registry=https://registry.npm.taobao.org
2.安装全局脚手架
cnpm install --global vue-cli (vue-V可检查是否安装成功)
3.webpack模板创建项目 (项目名称不可大写)
vue init webpack testproject（初始化模板，只下载一次，下次不用再下载）
这里写图片描述

4.出现下面的git选项
这里写图片描述
或者本文件根目录下创建
这里写图片描述
5.项目安装依赖
① cd testproject
② cnpm install 安装依赖
这里写图片描述
③ cnpm run dev

kakamaster1
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue的安装和配置
weixin_45743799的博客
11-01 346
Vue是目前最流行的前端框架之一，给大家讲一下如何安装和配置Vue环境。 网上也有许多关于安装和配置Vue的教程，但是他们的方法太过于麻烦了，而且对于初学者来说对网上的一些安装和配置Vue的方法不理解，看了之后还是没有一点思绪，我总结了一种最简单的Vue安装和配置的方法给大家参考使用。 Vue安装的方法 方法一：使用本地文件安装引入 1.登陆Vue.js官网 2. 下载名为 vue.min.js的...
vue项目配置
m0_51626061的博客
07-08 204
vue项目配置
使用vue配置过程
weixin_43862280的博客
03-02 213
使用Vue配置过程 最终的目的是能在src文件下使用.vue文件开发项目 安装vue有三种方式: 方式1. npm install vue --save 方式二: CDN直接应用 方式三: 直接下载应用 问题: 解决Runtime-only和Runtime-compiler: Runtime-only:代码中不可以有任何得tenplate Runtime-compiler:代码中可以有templ...
搭建vue项目配置
Lei_zhen96的博客
03-05 329
// baseURL 将自动加在 url 前面，除非 url 是一个绝对 URL。 // 它可以通过设置一个 baseURL 便于为 axios 实例的方法传递相对 URL // process.env.API_ROOT是配置的不同环境的api，详情可看另一篇文章：Vue配置开发，测试，生产环境api // timeout 指定请求超时的毫秒数(0 表示无超时时间) // 如果请求话费了超过 timeout 的时间，请求将被中断 ————————————————
VUE配置教程
peach_orange的博客
07-24 492
VUE配置简单 一. 安装node.js 1. 下载安装包：下载地址：https://nodejs.org/en/download/；windows上选择.msi格式 2. 安装步骤：一直next 3. 验证安装：Win+R打开cmd窗口。输入node -v，显示版本号。 二. 更换npm源（换成国内源），在cmd输入 1. 查看本地源：npm config list 2. 更换成国内源：npm –registry https://registry.npm.taobao.org inf
vue项目搭建过程
我要成为一个前端大牛
12-28 254
1.安装对应的框架 - iview npm install view-design --save main.js import ViewUI from 'view-design' import 'view-design/dist/styles/iview.css' Vue.use(ViewUI) 2.删除不需要的页面，比如：HelloWorld.vue About.vue ，需要删除对应的引用 3.在App.vue 删除不需要的组件 <template> &l...
Vue项目搭建基础流程
最新发布
赵吉平的专栏
09-03 293
在src目录中新建api目录，在api目录中新建模块目录（模块目录为你在views目录下新建的文件夹名称，比如，你在views目录中建了users目录，那你在api目录当中也新建users目录），然后再/src/api/users/中新建index.js文件，用来存放users目录中所使用到的接口。选择项目预设，供将来使用，你选择是的话，下次创建项目，可以选择此模板直接进行创建，就不用在一个一个选择了，我这里就选择否了。路由文件中，一般登录页是不需要顶部，侧边栏，底部的，我们在路由文件中正常引入既可。
详解用vue-cli来搭建vue项目和webpack
08-30
它简化了 Vue 项目的初始化过程，使得开发者能够迅速地开始编码，而无需手动配置复杂的构建设置。Vue CLI 使用了 Webpack 作为默认的构建工具，Webpack 是一个强大的前端资源模块化管理和打包工具。 在使用 Vue CLI...
vue简易项目流程思路简述
weixin_45002500的博客
09-01 821
\(^o^)/~ 1、首先得创建一个vue项目 cnpm install @vue/cli -g 安装全局vue-cli脚手架,用于帮助搭建所需的模板框架 vue create myapp 或 vue ui 或者直接找一个打包好的项目解压即可 2、创建基本结构（抽离页面组件和底部组件） 共同组件例如Footer抽离至comonents中，在vie...
vue.js项目实战,vue.js项目实战pdf下载,JavaScript
09-10
1. **环境搭建**：介绍如何安装Node.js，使用npm或yarn安装Vue CLI，创建和配置新项目。 2. **基础语法**：讲解Vue实例、模板语法、数据绑定、计算属性、条件与循环指令、事件处理等基础用法。 3. **组件开发**：...
vue项目基本配置大全
07-03
包含几乎所有的vue项目的一些基本的配置，webpack的配置详解。
vue开发简述.pptx
12-05
1. **从零开始搭建**：使用Webpack和Vue CLI手动配置项目。 - 初始化项目并安装必要的依赖。 - 配置Webpack的入口、输出路径、加载器（loaders）、插件（plugins）等。 - 设置热更新和开发服务器。 2. **基于Vue...
如何使用vue搭建脚手架，nodejs如何进行拉包处理，简述如何基于webpack创建项目模板
NanQiao1716的博客
02-27 2737
1.首先我们要先进入nodejs官网下载nodejs程序包 —下载链接：https://nodejs.org/en/ 2.选择自己熟悉的磁盘，建议安装在除c盘之外的磁盘（便于管理，不易与本地系统文件混淆） —在这里我选择安装的是D盘（D:\node）并在node文件下新建一个Nodejs文件又来存储nodejs程序） 3.配置nodejs的变量环境 –1.粘贴复制你安装nodejs程序的文件夹...
webpack-使用Vue的配置过程
vfjcgg的博客
06-24 212
webpack-使用Vue的配置过程 引入Vue.js 在项目中，会使用Vue.js进行开发，而且会以特殊的文件夹来组织Vue的组件。 学习webpack环境中集成Vuejs 在项目中使用Vuejs，那么必然需要对其有依赖，所以需要先进安装 注：因为后续是在实际项目中也会使用Vue的，所以并不是开发时的依赖 npm install vue --save 打包项目-错误信息 1.runtime-only->代码中不可以有任何的template 2.runtime-compiler->代码中，可以
面试官：自己搭建过vue开发环境吗？
weixin_45556713的博客
09-19 368
开篇 原文地址：www.ccode.live/lentoo/list… 项目代码：github.com/lentoo/vue-… 前段时间，看到群里一些小伙伴面试的时候被面试官问到这类题目。平时大家开发vue项目的时候，相信大部分人都是使用 vue-cli脚手架生成的项目架构，然后 npm run install 安装依赖，npm run serve启动项目然后就开始写业务代码了。 但是对项目里的...
Vue开发环境配置
热门推荐
qq_43776195的博客
08-08 1万+
文章目录Vue开发环境配置1、Node.js1.1 Node.js 下载1.2 Node.js 安装1.3 Node.js 配置1.3.1 其他环境配置（可跳过）1、创建新文件夹2、执行命令，设置全局模块和缓存位置3、配置环境变量4、测试1.3.2 npm配置国内镜像源：淘宝镜像1.3.3 安装cnpm2、安装Vue2.1 命令3、安装 Vue-CLI（Vue脚手架）3.1 安装3.2 验证3.3 卸载（重装）vue-cli 或 Vue.js4、参考博客 先来欣赏一下： 欣赏完了，开撸~~ Vue开发环境
配置vue开发环境
wddddddsd的博客
03-02 118
1.下载nodejs并安装 2.迁移npm的本地仓库到指定路径 npm config set prefix "E:\Thiswhyme\nodejs\node_global" npm config set cache "E:\Thiswhyme\nodejs\node_cache" npm list -global 3.配置镜像站 npm config set registry=http://...
vue 开发配置
@bangbang的博客
07-04 249
1. 什么是vue-cli vue-cli 官方提供的一个脚手架，用于快速生成一个vue的项目模板 预先定义好的目录结构及基础代码，就好比咱们创建的Maven项目时可以选择创建一个骨架项目，这个估价项目就是脚手架，我们开发更加的快速 主要功能 统一的目录结构 本地调试 热部署 单元测试 集成打包上线 需要的环境 Node.js: http://nodejs.cn/download/ 安装就无脑的下一步，安装在自己的环境目录下 Git:https://git-scm.com/downloads
Vue项目搭建与配置详解
“3、vue项目.md - 创建Vue项目的步骤及配置” 在本文档中，我们将探讨如何搭建一个基于Vue.js的项目。Vue.js是一个流行的前端框架，用于构建用户界面。以下是一步步创建Vue项目的详细过程： ### 1、创建新目录及...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值