Vue 从安装到创建项目

diuidu 等级 753 0 0
标签:

1.安装Node 可以直接在官网中下载安装 默认自动安装Node和NPM(Node Package Manager)

# 完成后检查安装版本:
node -v           
npm -v

2.安装webpack

# webpack全局安装
npm install webpack -g

3.安装vue脚手架

# 全局安装脚手架3
npm install @vue/cli -g

# 备注:要用脚手架2得安装这个
npm install @vue/cli-init -g

4.初始化项目

# Vue CLI2初始化项目

# 步骤1:创建项目
vue init webpack my-project
# 步骤2:运行项目
npm run dev



# Vue CLI3初始化项目

# 步骤1:创建项目
vue create my-project
//步骤1:也可以直接在当前目录下创建项目
//vue create .
# 步骤2:运行项目
npm run serve
收藏
评论区

相关推荐

npm发布包以及更新包还有需要注意的几点问题(这里以发布vue插件为例)
前言在此之前,你需要去npm官网注册一个属于自己的账号,记住自己的账户名以及密码、邮箱,后面会用的到。第一步,安装webpack简易框架vue init webpacksimple marquee 这里会用到vue init 命令,如果你的cli版本是3或者以上,那么在此之前你需要安装vue/cliinit npm install g @vue
Vue 从安装到创建项目
1.安装Node可以直接在官网中下载安装默认自动安装Node和NPM(Node Package Manager) 完成后检查安装版本:node v npm v2.安装webpack webpack全局安装npm install webpack g3.安装vue脚手架 全局安装脚手架3npm install @vue/cli g 备注
10分钟阅读一篇关于Vue
![file](https://oscimg.oschina.net/oscnet/up-4f8ccb1755bb73c4ffe6a7ba91253ddc.jpg "file") Vue-cli Vue脚手架的基本用法,vue脚手架用于快速生成vue项目基础架构: 地址: https://cli.vuejs.org/zh/ 使用方式,安装3.x版本
17、vue
#### 说明: > vue3.0搭建的项目,不过没有引入ts,后来需要用到一个插件是用ts写的,所以vue要用到ts。。。 ### 一、安装typescript及loader > npm install typescript ts-loader --save-dev ![image](https://oscimg.oschina.net/oscne
Electron开发使用Vue Devtools
转自 \[[https://orchidflower.oschina.io/2017/03/29/Using-Vue-Devtools-in-Electron/](https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Forchidflower.oschina.io%2F2017%2F03%2F29
Vue CLI 3搭建vue+vuex 最全分析
一、介绍 ==== Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件: **CLI**:`@vue/cli` 全局安装的 npm 包,提供了终端里的vue命令(如:vue create 、vue serve 、vue ui 等命令) **CLI 服务**:`@vue/cli-service`是一个开发环境依赖。构建于 [we
Vue CLI 2.x搭建vue,目录最全分析
一、vue-cli介绍 =========== vue-cli是一个用于快速搭建vue项目的 脚手架。 二、vue-cli安装、更新 ============== 安装过nodeJs 、cnpm 后,全局安装vue-cli(以后其他项目可直接使用): cnpm install -g vue-cli 更新: cnpm update
Vue 学习记录(一)
**环境准备** 1. node.js   2. vue-cli **安装配置环境** 1.下载node.js,使用默认配置安装 。 2.使用npm命令安装国内下载镜像(可选)   cmd:  npm install  -g  cnpm  --registry=https://registry.npm.taobao.org   tips:在命
Vue 开发必须知道的 36 个技巧
![](https://oscimg.oschina.net/oscnet/b77f0c050deecad634f32cd1bb74d303512.jpg) 作者: 火狼 https://segmentfault.com/a/1190000020620972 关注Vue中文社区,每日精选好文 前言 ==
Vue 的生命周期之间到底做了什么事清?(源码详解)
前言 -- 相信大家对 Vue 有哪些生命周期早就已经烂熟于心,但是对于这些生命周期的前后分别做了哪些事情,可能还有些不熟悉。 本篇文章就从一个完整的流程开始,详细讲解各个生命周期之间发生了什么事情。 注意本文不涉及 `keep-alive` 的场景和错误处理的场景。 初始化流程 ----- ### new Vue 从 `new Vue(opti
Vue+Spring Boot简单用户登录Demo
1 概述 ==== 前后端分离的一个简单用户登录`Demo`。 2 技术栈 ===== * `Vue` * `BootstrapVue` * `Kotlin` * `Spring Boot` * `MyBatis Plus` 3 前端 ==== 3.1 创建工程 -------- 使用`vue-cli`创建,没安装的可以先安装
vue dev
原文链接: [vue dev-tools 源码安装](https://my.oschina.net/ahaoboy/blog/3044489) 下载 ![](https://oscimg.oschina.net/oscnet/39bf20ca599d466fb1a50a7e64312e4fd90.jpg) 解压后安装依赖 cnpm i
vue echarts vue
1、git地址 [https://github.com/ecomfe/vue-echarts](https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fgithub.com%2Fecomfe%2Fvue-echarts) 2、使用 (1)安装 npm install vue-echa
vue 框架安装系列问题
npm install --global vue-cli 错误提示:vue-cli-service' 不是内部或外部命令,也不是可运行的程序或批处理文件 解决: 如果是npm安装的 执行 npm -g bin 把地址添加到环境变量中 如果是yarn 安装的 执行 yarn global bin 把地址添加到环境变量中 运行:yarn r
vue 生命周期的理解(created && mouted的区别)
### 生命周期先上图(笑skr个人 ~~) ![](https://oscimg.oschina.net/oscnet/6d899c3576884ee9db73c0263ac9f4027e0.png) ### 什么是生命周期 > Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程,我

热门文章

最新文章