Vue 从安装到创建项目

diuidu
• 阅读 1313

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
点赞
收藏
评论区
推荐文章
放学路上 放学路上
3年前
vscode+vue简单安装教程
1、安装vscode、node.js。2、打开vscode终端,全局安装vuecli:npminstallgvuecli用于构建项目。3、继续安装webpack(打包工具):npminstallgwebpack。4、安装完成创建一个文件夹用于存放项目,比如myvue,cd到该文件夹,使用项目创建命令:vueinitwebpackmyvue。
Easter79 Easter79
3年前
Vue CLI 2.x搭建vue,目录最全分析
一、vuecli介绍vuecli是一个用于快速搭建vue项目的脚手架。二、vuecli安装、更新安装过nodeJs、cnpm后,全局安装vuecli(以后其他项目可直接使用):cnpminstallgvuecli更新:cnpmupdate
Damumu Damumu
1年前
React 开发环境搭建
1.安装node.js(自带npm),地址:https://nodejs.org/zhcn/2.安装完成后,通过winRcmd唤起命令窗口,输入nodev和npmv查看版本号,正确显示则代表安装成功3.npminstallgcnpmregistryhtt
Easter79 Easter79
3年前
Vue 学习记录(一)
环境准备1.node.js  2.vuecli安装配置环境1.下载node.js,使用默认配置安装。2.使用npm命令安装国内下载镜像(可选)  cmd:  npminstall g cnpm registryhttps://registry.npm.taobao.org  tips:在命
Damumu Damumu
1年前
使用webpack配置TS项目
初始化项目准备工作:首先要安装node,node官网:https://nodejs.org/en/全局安装npmnpminstallglobalgulpnpm安装typescriptnpminstallgtypescript开始初始化项目通过执行命令npm
昔不亏 昔不亏
3年前
「Node+Express+Mysql搭建API接口平台」笔记1(P1,P2)
1:本地环境安装:node、npm、express自检:nodev、npmv、expressversionexpress安装命令:npminstallexpressg&&npminstallgexpressgenerator2:创建并启动项目D:\workspace\nodeApiexpressapiLearnD:\workspac
Wesley13 Wesley13
3年前
vs2015中electron开发入门 01
安装vs2015插件\node.jsTools\1.在vs工具扩展更新,查找node关键字,找到如图!node.jsTools(https://static.oschina.net/uploads/img/201605/23225301_AcB3.png"node.jsTools")2.下载安装插件创建项目
Stella981 Stella981
3年前
React的使用方法(脚手架的方法)
使用react加脚手架创建一个项目:npminstallcreatereactappgcreatereactappmyappcdmyappyarnstartnpx:帮助我们更方便的找到本地安装的命令.\\node\_mo
Stella981 Stella981
3年前
Git总结笔记1
1.环境搭建:Linux:安装gityuminstallygitWindows:到官网下载安装包安装完成后配置如下用户名和邮箱:gitconfigglobaluser.name"YourName"gitconfigglobaluser.email"email@exam
李忠 李忠
1年前
VUE学习总结
VUE学习总结VUE基本语法VUE是基于ES6进行开发的。VUE安装1、安装node.jsnode.js下载地址:https://nodejs.org/en/download下载好后,点击安装,一直下一步即可。安装成功后在控制台通过下面命令如果出现版本号,
diuidu
diuidu
Lv1
杨柳乍如丝,故园春尽时。
文章
1
粉丝
0
获赞
0
热门文章

暂无数据