VUE学习之路一环境/项目创建

vue环境安装

nodejs 需要配置环境变量

脚手架安装工具

npm install --global vue-cli / cnpm install --global vue-cli //安装cnpm命令时需要配置淘宝镜像

创建项目

创建的位置必须要先CD到相应的目录下

cli2.X    创建: vue init webpack project-name     运行:npm run dev

cli3.x      vue create webpack project-name      npm run serve

2.X 和3.X本质没有区别,都可运行,但是3.X的运行速度快一点

在创建项目时以及配置好了环境,如果导入别的项目,需要初始化之后才可运行 初始化:npm install  / cnpm install

原文地址:https://www.cnblogs.com/fei-tang/p/11427269.html

时间: 2024-11-03 21:21:45

VUE学习之路一环境/项目创建的相关文章

Vue学习手记01-安装和项目创建

1.安装Vue  注:node版本必须大于等于8.9  vue-cli3.x:npm install -g @vue/cli  vue-cli2.x:npm install -g @vue/cli-init 2.创建项目  vue init webpack my-project  注:安装依赖的时候,选择最后一个,就是自己安装,检验和路由初学者一般不安装,后面学习的时候再安装到项目  cd my-project  npm start/npm run dev 3.工程目录说明 . ├── buil

新手学习之路01-创建项目开始

新手学习之路01-创建项目开始 小菜鸟准备学习RN开发,决定写下自己的学习历程,方便其他也想要学习RN的人,后期会持续更新写下自己所有学习经历,一步步从菜鸟成长成业内高手.开发环境准备,本文默认环境已经装好,或者参考下面URL搭建环境.本章源码和文档请参考文章末尾 windows环境搭建 mac环境搭建参考 配置VPN或者请将npm仓库源替换为国内镜像 npm config set registry https://registry.npm.taobao.orgnpm config set di

后端开发者的Vue学习之路(二)

目录 上篇内容回顾: 数据绑定 表单输入框绑定 单行文本输入框 多行文本输入框 复选框checkbox 单选框radio 选择框select 数据绑定的修饰符 .lazy .number .trim 样式绑定 class绑定 对象语法: 数组语法: style绑定 对象语法: 数组语法: 补充: 事件 绑定事件 事件修饰符 按键修饰符 事件绑定的简写 补充: Vue指令 数组操作 官网的话 补充: Vue的元素复用问题 数据残留问题 问题的解决: 首发日期:2019-01-20 上篇内容回顾:

vue学习之路 - 4.基本操作(下)

vue学习之路 - 4.基本操作(下) 简述:本章节主要介绍 vue 的一些其他常用指令. Vue 指令 这里将 vue 的指令分为系统内部指令(vue 自带指令)和用户自定义指令两种. 系统内部指令 v-if v-else v-else-if v-for v-on v-bind v-model 以上指令前面都已说明其作用,并且使用过,这里将不再赘述. 下面我们看看 vue 的一些其他常用指令的用法: 在学习 v-text 和 v-cloak 之前我们先看看{{ }}的使用所存在的问题. {{

01、springboot+security+vue个人博客系统之项目创建

整体项目结构 更改后的目录结构为 配置pom.xml文件 添加依赖 <!--security--> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-security</artifactId> </dependency> <!--web--> <dependency> &l

Vue学习之路1-集成环境安装

1.前言 Vue 是一款友好的.多用途且高性能的javascript框架,与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用,它能够帮你创建可维护性和可测试性更强的代码库,Vue是渐进式的javascript框架库. 2.安装简介 Vue集成环境三大核心组件:node.js,npm,vue. 3.node.js安装 下载地址:https://nodejs.org/en/download/,根据操作系统选择实际需要的后缀名为.msi快捷安装包进行安装.node工具安装包括了npm工具,安

vue学习之路一:安装vue-element-admin项目

今天看到一个vue网站,觉得很好,立马又有学习vue的冲动了,话不多说,直接贴项目网址: https://github.com/PanJiaChen/vue-element-admin/blob/master/README.zh-CN.md 根据文档,第一步就是安装项目啦! # 克隆项目 git clone https://github.com/PanJiaChen/vue-element-admin.git # 进入项目目录 cd vue-element-admin # 安装依赖 npm in

Vue学习之路第七篇:跑马灯项目实现

前面六篇讲解了Vue的一些基础知识,正所谓:学以致用,今天我们将用前六篇的基础知识,来实现类似跑马灯的项目. 学前准备: 需要掌握定时器的两个函数:setInterval和clearInterval以及作用域的概念 上代码,大家可以复制下来直接运行看看效果(vue.min.js 第一篇有下载链接): <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g

vue学习之路之需要了解的知识汇总

一.vue是什么? 相关网页:  https://vuejs.bootcss.com/v2/guide/       及菜鸟教程       https://www.runoob.com/vue2/vue-tutorial.html vue.js是一套构建用户界面的渐进式框架:它只关注图层,采用自底向上增量开发的设计:它的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件.vue完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用.其实抛开官方的一些不知所云的说