vue-cli3创建项目初始化

-  关于vue-cli3项目的创建,除去vue create my-project这种方式,也可以在终端里通过输入vue ui这种可视化页面的方式创建。

1、关于4个字符的缩进

  1. 可以参考下这篇博客https://www.cnblogs.com/bq-med/p/11289559.html
  2. webstorm里进行format code,format code可以选择format的范围
      

2、如果遇到ESLint报错:TypeError: this.CliEngine is not a constructor  

  可以参考这篇https://blog.csdn.net/qq_20567691/article/details/101152933
      

3、关于项目加分号,因为用vue-cli3初始化的项目是没有分号的

  在.eslintrc.js里
  

  

原文地址:https://www.cnblogs.com/LXY02/p/12362162.html

时间: 2024-10-12 07:46:03

vue-cli3创建项目初始化的相关文章

vue创建项目初始化及基本配置

目录 创建新项目初始化 vue的ajax插件: axios 1)安装插件(一定要在项目目录下): 2)在main.js中配置: 3)在任何一个组件的逻辑中发送ajax请求: CORS跨域问题(同源策略) Vue配置ElementUI Vue配置bs环境 安装插件 创建新项目初始化 node_modules不需要动 public不动 src中在assets中创建css js 和img文件夹 router文件夹中的index.js只保留一个home的路由配置 App.vue只留五行代码即可 Home

vue ui创建项目

一.打开终端,安装最新vue-cli npm install -g @vue/cli 二.终端运行vue ui vue ui 之后会自动跳转到http://localhost:8000,进入如下页面 三.三个标签,点击创建 1.填写项目名称.选择包管理器.是否初始化git 2.选择插件配置方式 3.选择手动配置项目将会进入这一步,可以选择插件进行安装配置,包括常用的router.vuex等 4.根据选择进入插件具体配置 四.点击创建项目,根据需要选择是否保存预设,以方便下一次直接创建  五.等待

Vue 安装环境创建项目

vue 是一个单页面框架,基于模块化组件化的开发模式. 搭建开发环境之前必须要安装node.js,然后安装vue的脚手架工具(命令行工具)win + R 输入npm install  --global vue-cli(慢)或者cnpm install  --global vue-cli(快) 创建项目,vue init webpack  vuedemo01 (创建一个基于webpack为模版的命名为vuedemo01的项目) 1.你的名字是vuedemo01么 2.你的项目的描述是什么 3.作者

使用 NPM 安装Vue并创建项目

一.下载node.js 官方下载地址:https://nodejs.org/en/download/ 选择相应版本安装 下载完成后一路next安装完成. 一般环境变量会自动添加,打开命令行测试是否安装成功 二.安装cnpm 使用下面命令安装淘宝镜像npm npm install -g cnpm --registry=https://registry.npm.taobao.org 等待安装完成后,使用npm -v命令测试是否安装成功. 三.安装Vue 全局安装Vue CLI 3.X版本 npm i

vue cli3同一个项目下的多页应用创建

0x00.页面效果: 表面看类似路由切换,实际上是两个vue的实例,挂载在不同的根节点上. 0x01.总体目录结构: 项目分为三个模块,也就是三个多页应用,police.relatives.self. 0x02.以self为例,剖析self内部结构: 1.self模块的入口index.js,相当于单页应用的main.js: import Vue from 'vue' import App from './index.vue' import router from './router' // im

VUE CLI3.X 创建项目

Node.js环境搭建 Node.js基于V8引擎,可以让js代码脱离浏览器运行 Vue CLI3.0 需要Node.js 8.9或者更高版本. 用nvm或者nvm-windows在同一台电脑中管理多个Node版本 nvm github地址:https://github.com/nvm-sh/nvm Vue CLI 3.0环境搭建 卸载老版本vue-cli:npm uninstall vue-cli -g 安装新版本:npm install -g @vue/cli 原型开发:npm instal

Vue CLI3 关闭热替换后出现的warning

用vue cli3做项目的时候如果开启了typescript的严格模式,在dev server热替换的时候往往就会打出一大堆warning,严重的影响了编译效率.官方并没有提供关闭warning的api,但是提供了修改webpack配置项的接口.通过这个接口我们就可以实现关闭warning. 根据文档webpack 相关 | Vue CLI 3 导出项目的配置为output.js,搜索check单词可发现一个插件:fork-ts-checker(github:Realytics/fork-ts-

[email protected]初体验之前篇-回顾[email protected]创建项目的流程

模拟实际工作中的操作,假如新开启了一个vue项目,可以先看看上篇博文中的git操作,新建空仓库vue-demo,并拉取到本地,创建本地dev分支后 1. 全局安装vue-cli yarn global add vue-cli // 检查是否已安装成功 vue -V // 2.9.6 2. 使用vue init 创建项目,官方提供了6种模板,对于大多数人而言,工作中选择webpack模板 // 使用vue init 创建项目(.指当前目录) vue init webpack . ? Generat

使用 vue-cli 3.0 创建项目

切换到要创建项目的目录下, vue create < your-project > 如果能创建成功,则说明已经安装了 vue-cli 3.0:否则按照提示安装: npm install -g @vue/cli, 再次创建项目: vue create < your-project > 出现以下提示,我直接选择了 default,选择默认配置     这样就等待项目创建成功   使用 3.0 vue create 创建项目 和 之前 vue init 创建项目差别: 1. 启动项目不在