vue3.0脚手架搭建（vscode）

1、安装node.js：Node.js

node -v     //查看node是否安装成功
npm -v      //查看npm是否安装成功

2、安装cnpm

npm install -g cnpm --registry=http://registry.npm.taobao.org
cnpm -v     //查看cnpm是否安装成功

3、安装vue-cli脚手架构建工具

全局安装

npm install -g vue-cli
vue -V      //查看是否安装成功
webpack -v      //webpack版本查询

此方法安装下来为vue2.0+版本，下面对vue进行升级

4、安装vue3.0

npm install -g @vue/cli
cnpm i -g @vue/cli      //安装新的脚手架
vue -V      //查看vue版本

5、使用vue-cli脚手架构建项目

进入相应文件夹 such as：d:

d:
cd vue
vue create demo1

选择defalt 3.0

npm

6、打开项目demo1

打开vscode，将demo1文件夹拖入vscode

打开控制台
npm run serve        //项目启动

vue3.0脚手架搭建（vscode）相关推荐

安装vue3.0脚手架
1.安装vue-cli 3.0 先卸载旧版本 npm uninstall vue-cli -g 安装3.0脚手架 npm install -g @vue/cli # or yarn global ad ...
使用VUE3.0版本搭建H5模板
使用VUE3.0版本搭建H5模板仓库地址,有需要的可以参考参考 https://gitee.com/young_frivolous/vue3-app-template/tree/master 为了方 ...
VUE3.0 一.安装node.js、vue3.0脚手架
VUE3.0 一.安装node.js.vue3.0脚手架 1.安装nodejs 首先去官网下载nodejs 查看npm和node版本,出现版本号即安装成功. npm -v # 6.13.4node - ...
手把手教你vue3.0项目搭建
前言:最近公司想重构一个项目,CTO选择了vue3.0 + ant-design-vue技术栈,正好自己也想尝试一下,试着搭建一下,以后有更好的会及时补充修改注:粗体是命令指令,推荐使用cnpm指令 ...
vue3.0环境搭建
安装最新版nodejs Node.jshttps://nodejs.org/zh-cn/安装过程非常傻瓜,一直下一步到完成 -------------------------------------- ...
vue3.0项目搭建全过程
新建一个vue3.0项目,主要有以下8个步骤,所有步骤均在终端内完成 [1] 升级vue-cli项目至 vue/cli4.0以上先卸载 npm uninstall vue-cli -g 全局安装脚手 ...
Vue3.0手脚架搭建
1.进入cmd命令行 2.确认node是否安装没有安装去官网找对应的安装包 node官网 node -v 3.确认npm是否安装(node安装后自动就安装了) npm -v 4.将npm改为国内镜像, ...
使用vue3.0+electron搭建桌面应用并打包exe
第一步:创建vue3.0项目全局先安装最新的vue cli,下面是安装命令,已安装的可以跳过 npm install -g @vue/cli // npm 安装 yarn global add @v ...
【Vue3】创建Vue3.0脚手架工程的解决方法（图文）
一.使用vue-cli创建 1.查看vue版本,确保在4.5.0以上 2.如果不是4.5.0,就用 npm install -g @vue/cli安装最新版本 3.创建3.0项目,在想创建项目的地址栏 ...
vue3 @/cli脚手架搭建项目
创建一个工作目录: 按住shift键,右键此工作目录打开powershell窗口 (s) 输入:start cmd就进入到cmd下面输入命令:vue create 项目名称然后按回车! 进入预设, ...

vue3.0脚手架搭建（vscode）

vue3.0脚手架搭建（vscode）相关推荐

最新文章

热门文章