My first Vue Project-01

最新推荐文章于 2022-06-21 17:34:20 发布
最新推荐文章于 2022-06-21 17:34:20 发布
阅读量200 收藏
点赞数
分类专栏： Vue 前端 文章标签： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xuxuan1997/article/details/83241406
版权
前端 同时被 2 个专栏收录
30 篇文章 0 订阅
订阅专栏
Vue
6 篇文章 0 订阅
订阅专栏
  1. 创建一个empty工程
  2. 安装vue-cli

npm install -g @vue/cli

  1. 创建vue project

npm install -g @vue/cli-init
vue init webpack vuedemo
npm install

创建vue
创建vue工程 4. 运行
npm run dev
运行失败
运行失败的原因是路径错误，找不到package.json
解决方法：

cd vuedemo
npm run demo

运行成功
5. 退出监听，Ctrl+C，选择Y。

添加组件

添加组件

amberXu璇
关注
专栏目录
【webstorm】我的第一个vue项目
qq_38630395的博客
09-09 196
傻瓜式学习day1 准备工作安装完毕 node -v v12.18.3 npm -v 6.14.6 vue -V 2.9.6 创建项目（这里提示去下载了git） vue init webpack myproject 询问 ? Project name myproject ? Project description my first vue project ? Author hj ? Vue build standalone ? Install vue-router? Yes ? Use ESLin
my_first_vue_project
02-18
my_first_vue_project 一个Vue.js项目 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build 有关如何...
如何搭建vue开发环境
小积累
06-21 1万+
主要介绍vue开发工具、环境搭建、系统运行等内容。
vue.js 开发环境搭建最简单攻略
12-09 288
官方指南假设你已有HTML、CSS和JavaScript中级前端知识。如果你是全新的前端开发者，它可能不是最好的想法，将一个框架作为你的第一步-最好掌握基本知识再来！其他框架以前的经验是有帮助的，但不是必需的。 做为一名学习路上的小白，起初就对 vue.js 有着莫名的好感，知道 vue.js 也能实现 angular.js 的双向绑定等一些功能后，妥妥的先把 angula...
vue 的那些坑
MyFirstBook527的博客
01-17 192
vue旧项目的导入 有段时间没有学习vue了，有些关于npm的常用命令忘记了。今天重拾的时候踩了坑，记录一下。 在新安装的vue环境中重新编译旧的vue项目。一般旧的项目移植过来会带有旧环境的项目依赖，如果两机的环境相同，直接编译试试npm run dev，博主的环境与之前的环境不同，编译时缺省不少模块，所以需要重新加载模块。 在这里说一下博主踩得坑，这时候本应该运行npm install 命令进...
vue脚手架安装配置npm
zhangjie7467的博客
06-06 549
说明: npm 是 nodejs 的包管理和分发工具。1.把node.js下载下来，安装步骤安装好2.安装vue脚手架  vue-cli:npm insall -g vue-cli3.初始化项目       vue init webpack 项目名   $  vue init webpack my-first-vue-project?Project name (my-first-vue-proje...
vue.js 三种方式安装(vue-cli)
热门推荐
muzidigbig的博客
05-29 34万+
Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。 下面介绍三种 Vue.js 的安装方法： 1.独立版本 我们可以在Vue.js的官网上直接下载vue assets和static的区别 pnpm nvm(管理Node版本)、nrm(管理镜像源) 详解 Vue生命周期 父子组件的执行顺序
vue2.0- vue-cli、vue组件
qq_52822043的博客
04-08 1411
1. 侦听器 1）watch侦听器 watch侦听器允许开发者监视数据的变化，从而针对数据的变化做特定的操作。 <body> <div id="app"> <input type="text" v-model="username"> </div> <script src="lib/vue-2.6.12.js"></script> <script> ...
vue init webpack my-project 选项详解
段占彪的博客
08-22 3553
选项 [root@localhost www]# vue init webpack my-vue ? Target directory exists. Continue? Yes /bin/sh: git: command not found ? Project name my-vue ? Project description 第一个vue项目 ? Author dadeity <dad...
vue----安装环境，创建vue项目
hero_chao的博客
04-21 1434
src/store.js：主要用于项目里边的一些状态的保存，state中保存状态，mutations中写用于修改state中的状态，actions暂时没实践，不知道具体怎么使用。node_modules:用于存放我们项目的各种依赖，比如axios等等，没有moudles文件，项目就没法运行，可以使用 npm install进行项目依赖的安装。src/App.vue:主vue模块 引入其他模块，app.vue是项目的主组件，所有页面都是在app.vue下切换的。src:我们存放各种vue文件的地方。
vue项目-音乐播放器
06-06
在项目文件结构中，"my-first-vue-project"很可能包含了Vue项目的标准结构，如`src`目录下有`components`（存放组件）、`views`（存放视图）、`assets`（存放静态资源）、`api`（存放接口请求）等文件夹。`.vue`单...
first-demo-vue:这是我关于vue的第一个演示
05-06
my project of vue Build Setup # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and...
My_First_project
02-15
【压缩包子文件的文件名称列表】"My_First_project-master" “master”分支通常在Git仓库中用于存储项目的主分支，这是开发的主要线路。这个文件名表明项目可能是一个开源项目，或者至少是按照Git的工作流程进行...
TypeScript与Date类型
xuxuan1997的博客
08-24 2万+
js的继承方式  /** * 经典的js寄生组合式继承 */ function MyDate() { Date.apply(this, arguments); this.abc = 1; } function inherits(subClass, superClass) { function Inner() {} Inner.prototype ...
Vue：ElementUI怎么引入外部svg图标
xuxuan1997的博客
06-28 9443
推荐阿里巴巴图标库 命令行运行npm install svg-sprite-loader 创建icons/svg文件夹 将svg文件放在该文件夹厦门 在components文件夹中创建svgiconfont.vue文件 文件内容： <template> <svg :class="svgClass" aria-hidden="true"> <use :xlink:href="iconName"></use> </svg> &lt
ES5、ES6、ES7、ES8特性
xuxuan1997的博客
08-29 5901
1.JavaScript ECMAScript、DOM（文档对象模型）、BOM（浏览器对象模型） JavaScript语言的执行环境是“单线程” 2.ES5 strict模式 不允许使用未声明的变量 不允许删除变量或对象、函数 不允许变量重名 不允许使用八进制 不允许使用转义字符 不允许对只读属性赋值 不允许对一个使用getter方法读取的属性进行赋值 不允许删...
Angular6的核心概念详解
xuxuan1997的博客
07-27 1405
Angular 2迁移 组件式开发 渲染更快、变化监测效率更高 Angular Mobile Toolkit 可用ES6/7、WebComponent   UpgradeAdapter 两个版本代码进行适配   组件及组件树（Component）   核心 分为Header、ContactList、Footer 父子组件：Contact 什么是生命周期钩子？     ...
ANGULAR框架
xuxuan1997的博客
07-26 1351
1.设置开发环境 安装Node.js和npm，全局安装Angular CLI npm install -g @angular/cli  2.创建新项目 打开终端窗口，使用 ng add 命令往新项目中添加一些预先打包好的功能， Angular Material 就为一些典型布局提供了图纸 ng new my-app 3.启动开发服务器 监听文件变化，并在修改这些文件时重新构建此应...
Angular异步请求
xuxuan1997的博客
11-07 1248
之前面试的时候，问我用Angular框架写的应用中有没有使用Ajax异步请求？ 我回答了没有。 后来我发现应用中大部分的交互都是异步的，但并没有使用Ajax，这是应用Angular的Observable（可观察对象），可观察对象在应用的发布者和订阅者之间传递消息。可观察对象能进行事件处理、异步编程和处理多个值。 调用subscribe() 方法，执行和创建可观察对象，接收通知 subscribe...
vue create -p dcloudio/uni-preset-vue my-project
最新发布
04-10
这是一个使用命令行工具创建Uni App项目的命令，具体操作如下：在命令行窗口中输入"vue create -p dcloudio/uni-preset-vue my-project"，其中"-p"参数指定了项目模板来源为"dcloudio/uni-preset-vue"，"my-project...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值