Vue 从安装到创建项目

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

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

2.安装webpack

1# webpack全局安装 2npm install webpack -g

3.安装vue脚手架

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

4.初始化项目

1# Vue CLI2初始化项目 2 3# 步骤1:创建项目 4vue init webpack my-project 5# 步骤2:运行项目 6npm run dev 7 8 9 10# Vue CLI3初始化项目 11 12# 步骤1:创建项目 13vue create my-project 14//步骤1:也可以直接在当前目录下创建项目 15//vue create . 16# 步骤2:运行项目 17npm run serve
点赞
收藏

评论区

加载中...

相关推荐

vscode+vue简单安装教程

1、安装vscode、node.js。2、打开vscode终端,全局安装vuecli:npminstallgvuecli用于构建项目。3、继续安装webpack(打包工具):npminstallgwebpack。4、安装完成创建一个文件夹用于存放项目,比如myvue,cd到该文件夹,使用项目创建命令:vueinitwebpackmyvue。

React 开发环境搭建

1.安装node.js(自带npm),地址:https://nodejs.org/zhcn/2.安装完成后,通过winRcmd唤起命令窗口,输入nodev和npmv查看版本号,正确显示则代表安装成功3.npminstallgcnpmregistryhtt

Vue CLI 2.x搭建vue,目录最全分析

一、vuecli介绍vuecli是一个用于快速搭建vue项目的脚手架。二、vuecli安装、更新安装过nodeJs、cnpm后,全局安装vuecli(以后其他项目可直接使用):cnpminstallgvuecli更新:cnpmupdate

使用webpack配置TS项目

初始化项目准备工作:首先要安装node,node官网:https://nodejs.org/en/全局安装npmnpminstallglobalgulpnpm安装typescriptnpminstallgtypescript开始初始化项目通过执行命令npm

Vue 学习记录(一)

环境准备1.node.js  2.vuecli安装配置环境1.下载node.js,使用默认配置安装。2.使用npm命令安装国内下载镜像(可选)  cmd:  npminstall g cnpm registryhttps://registry.npm.taobao.org  tips:在命

「Node+Express+Mysql搭建API接口平台」笔记1(P1,P2)

1:本地环境安装:node、npm、express自检:nodev、npmv、expressversionexpress安装命令:npminstallexpressg&&npminstallgexpressgenerator2:创建并启动项目D:\workspace\nodeApiexpressapiLearnD:\workspac