Vue入门-初始化工程命令记录，超简单

最新推荐文章于 2024-04-29 18:03:21 发布
最新推荐文章于 2024-04-29 18:03:21 发布
阅读量221 收藏
点赞数
分类专栏： Vue学习记录
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Tomonkey/article/details/105216557
版权
  • 找一个放工程的文件夹下面，运行命令
vue create myproject

会创建文件夹myproject，同时文件夹内的即为工程的相关文件

  • 启动命令如下
cd myproject
npm run serve

出现如下即是运行成功

Tomonkey
关注
专栏目录
详解vue-router 初始化时做了什么
12-11
这次先来一起看看 vue-router 初始化时做了什么。 vue router 的初始化使用步骤 我们首先来看 vue-router 的使用步骤，然后再分别去看各个步骤都发生了什么。 使用 vue-router 需要经过一下几个步骤： 引入 vue-...
二：项目初始化文件—package.json
qq_24892029的博客
09-16 5682
一：项目初始化 package.json 文件 1：新建一个项目文件夹并用 vscode 打开该文件夹，作为项目根目录文件夹: 2：打开 vscode 的终端命令行，开始初始化 package.json 文件 npm init -y 3：当然，也可以不加最后的 -y ，那样的话，跟着命令行提示一步一步走，按提示可以输入自己的配置 4：加上 -y ，省去这些步骤，直接在根目录生成 package.json 文件，可打开此文件进行修改，写入自己的配置 二：安装 webpack 插件 安装最新版.
vue初始化（命令行方式）
C90283的博客
11-14 9312
VUE项目初始化步骤命令 1，安装Node.js; Window安装包 Mac安装包 检查是否安装成功 node -v 显示版本即成功，如图： 2，安装vue-cli脚手架； 打开命令行窗口cmd（window+R,输入cmd后Enter） 在cmd下执行命令 cnpm install vue-cli -g 安装成功如图 3，初始化项目文件夹； 在你准备建项目的文件夹打开cmd 执行命令 vue init webpack vue-project(注：vue-project是自定义项目名称) 如图： 初
初始化vue项目
leipf的博客
03-08 969
vue官网：https://cn.vuejs.org/index.html 转自：https://blog.csdn.net/weixin_42153615/article/details/117895286 1、下载npm npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础
Vue项目初始化
hzz19943305823的博客
07-04 1043
vue项目初始化以及启动vue项目报-4048错误
VUE项目初始化步骤命令
许魁的博客
01-02 8425
VUE项目初始化步骤命令 1，安装Node.js; Window安装包 Mac安装包 检查是否安装成功 node -v 显示版本即成功，如图： 2，安装vue-cli脚手架； 打开命令行窗口cmd（window+R,输入cmd后Enter） 在cmd下执行命令 cnpm install vue-cli -g 安装成功如图 3，初始化项目文件夹； 在你准备建项目的文件夹打开cmd 执行命令...
前端Vue项目详解--初始化及导航栏
10-16
文章主要介绍了如何使用Vue.js框架构建前端项目，并详细描述了项目的初始化过程以及如何使用Element UI组件库来实现项目中的导航栏部分。以下是对这些知识点的详细解释： 1. Vue.js项目初始化： Vue.js是一个构建...
vue-cli初始化项目中使用less的方法
10-18
Vue CLI 提供了一个方便快捷的方式来初始化 Vue 项目，并且通过简单的配置就能集成 Less。这样，开发者可以充分利用 Less 的优势来编写 CSS，提高代码的可读性和可维护性。在日常开发工作中，合理使用预处理器可以...
详解使用vue-cli脚手架初始化Vue项目下的项目结构
11-28
它极大地简化了Vue项目的初始化和配置过程，为开发者提供了现代化的前端开发流程。Vue CLI支持快速创建新项目，内置热重载、静态检查等功能，并且能够生成适合生产环境的构建配置。 使用Vue CLI的优势主要包括以下...
使用命令行创建vue项目
热门推荐
博客的博客
02-27 2万+
准备 首先需要安装vue-cli 打开命令提示符输入 npm i -g @vue/cli 安装完成后就可以开始创建vue项目 1.基于命令行的方式创建vue项目 vue caeate project-name 2.基于图形化界面的方式创建vue项目 vue ui 开始创建项目 1.在终端中输入 vue create vue_project_01 按下回车开始创建项目 2.此时会...
初始化创建Vue项目步骤
Tc、zyh的博客
06-10 8167
一、项目创建 1.安装 node和npm 1.首先安装node，因为都已经安装过node了，所以npm自带。 1.检查node版本 node -v 2.检查npm 版本 npm -v 2.国外的npm地址太慢，切换npm国内镜像 npm config set registry=https://registry.npm.taobao.org/ 3.查看地址是否成功可以通过npm config get registry npm config get registry 2.安装 vue-cli 脚手
初始化Vue项目步骤（包含nodejs安装）
l22_23的博客
09-29 1806
初步vue的安装步骤
初始化vue3（构建、配置）
Define_best的博客
02-28 2020
初始化vue3（构建、配置）
vue项目初始化和部署
最新发布
2301_82243710的博客
04-29 457
*）、多页面应用（MPA****）、移动应用、桌面应用等。它广泛应用于各行各业的项目中，包括企业级应用、个人项目、开源项目等。****）：****（ECS****），是阿里云提供的一种弹性计算服务，它可以让你在云端轻松创建和管理虚拟机实例，以运行各种类型的应用程序。****：**安装Node.jsNode.js是一个基于Chrome V8引擎的JavaScript运行环境，用于构建服务器端应用程序。在这里我根据自己电脑的情况选择在winodws下的64位安装包。
Vue超详细学习笔记
2401_84092574的博客
04-13 865
进入主页面首先显示欢迎页，然后利用子路由单页多显示；< template-name >：表示模板名称，vue-cli官方为我们提供了5种模板，一般使用webpack（全面的webpack+vue-loader的模板，功能包括热加载，linting,检测和CSS扩展）；如果用vue-cli脚手架来搭建项目，配置过程会选择是否用到路由，如果选择y，后面下载依赖会自动下载vue-router；也就是菜单的路由方式，子路由的情况一般用在一个页面有他的基础模版，然后它下面的页面都隶属于这个模版，只是部分改变样式；
1.vue项目初始化
qq_39209696的博客
08-13 153
根据视频记录笔记（视频地址：https://www.bilibili.com/video/BV1EE411B7SU?p=5） 打开电脑命令行，安装最新的脚手架 cnpm i -g @vue/cli 查看commands vue -h 输入命令用可视化面板创建新项目，然后根据需要勾选 vue ui 配置element ui组件库：等待项目创建完成之后搜索vue-cli-plugin-element插件然后选中安装 等待下载完成之后，此地方改为import on demand(按
Vue初始化项目步骤
m0_67805754的博客
05-07 6901
一.查看并设置镜像地址(提高下载速度) npm config get registry #查看镜像地址 如果镜像地址不是淘宝镜像地址,为了提高下载速度,就需要输入如下命令设置为淘宝镜像地址: npm config set registry https://registry.npm.taobao.org/ #设置淘宝镜像地址 二.全局安装vue/cli(必要) npm i -g @vue/cli 三.检查是否安装成功 npm -V 四.创建项目文件(必要) vue create 文件名 五
Vue项目初始化步骤
weixin_46932840的博客
03-09 5485
1.项目初始化 安装 Vue 脚手架 通过 Vue 脚手架创建项目 配置 Vue 路由 配置 Element-UI 组件库 配置 axios 库 初始化 git 远程仓库 将本地项目托管到 github 中 1.安装 Vue 脚手架 npm install vue-cli -g 2-3.通过 Vue 脚手架创建项目、配置 Vue 路由 vue ui [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Le4tTYWU-1615281052138)(C:%5CUsers%5C
01.vue初始和指令
qq_51099065的博客
08-22 153
vue是一套用于构建用户界面的前端框架,遵守框架的规范,编写业务功能。前期主要学习vue的指令,组件,路由,vuex。
vue-cli-webpack:vue-cli 2.9.6版本初始化webpack工程
09-07
而vue-cli 2.9.6版本是其一个较早的版本，可以使用它来初始化一个基于webpack的Vue.js工程。 使用vue-cli 2.9.6版本初始化webpack工程，首先需要确保本地已安装了node.js和npm。 在命令行中执行以下命令来安装vue-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值