1.安装node.js
下载地址 https://nodejs.org/en/
2.安装vs code 一下简称vs
下载地址 https://code.visualstudio.com/
3.安装@vue/cli
执行npm install -g @vue/cli
@vue/cli 是vue 官方提供的项目脚手架
安装完成后执行vue --version 检验是否成功
4.通过 @vue/cli创建项目
cd 到桌面
执行vue create 项目名
创建过程中有些配置 选择默认的就好
5.用vs打开 项目 安装插件
按图示安装vetur插件 以识别.vue文件
npm run serve
B4F72EC9-55AA-43B2-86B8-56E7B6348609.png
7.打开图中的url 即可开发调试
成功
99F4556C-938C-45AE-9FCE-E306372AA4BE.png
1.安装node.js下载地址 https://nodejs.org/en/2.安装vs code 一下简称vs下...
保存自动格式化代码1、安装插件： 2、command + ， 设置"editor.formatOnSave": true
vue-cli构建基于webpack的项目 使用vue-cli构建项目vue init webpack proje...
一 vue-cli构建项目 vue-cil构建项目：查看官网 vue-cli是vue脚手架工具,极其方便开发,可以...
1. 使用vue-cli3构建项目 全局安装 vue-cli3 查看 vue-cli 版本 快速构建项目 使用 v...
一、构建 VUE 项目 直接用官网的方式建立vue 项目 二、打包 VUE 项目 2.1 打包项目介绍 会在项目...
之前自学过vue，构建项目直接用vue-cli，最近在学习如何自己构建项目，于是就选择了vue+webpack（本...
Vue-cli是vue官方出品的快速构建单页应用的脚手架。 1.vue-cli项目目录结构 build项目构建（w...
1、安装node.js 2、安装vue-cli脚手架构建工具 3、用vue-cli构建项目 4、运行vue项目 5...
在vue应用程序中使用 单文件组件 优化Vue构建 浏览器缓存管理 代码分割（code splitting） 关于...
本文标题：Visiual Studo Code 构建Vue项目手册
本文链接：https://www.haomeiwen.com/subject/izysyqtx.html
网友评论