vue项目的脚手架

> cnpm i @vue/[email protected] -g

> vue create myapp

* 选择 Manually select features ----- 自选预设文件

* 选择 vue 项目的东西除了typesctipt 不选，其余都选 --- 选择用空格

* 选择应用的历史模式 Y

* 选择样式文件 sass/scss (with node-sass)

* 代码的校验规则 ESLint + Standard config

* Lint on save 保存检验代码格式

* 测试的模式 Mocha + Chai

* 运行模式 Cypress (Chrome only)

* 配置文件在哪里 In package.json

* 是否保存预设文件 y （以后直接一开始就选择预设文件，后续不需要自动选择）

原文地址：https://www.cnblogs.com/ZhaoWeiNotes/p/11997449.html

时间： 2024-08-12 14:56:50

vue项目的脚手架的相关文章

VUE系列一：VUE入门：搭建脚手架CLI（新建自己的一个VUE项目）

一.VUE脚手架介绍官方说明:Vue 提供了一个官方的 CLI,为单页面应用快速搭建 (SPA) 繁杂的脚手架.它为现代前端工作流提供了 batteries-included 的构建设置.只需要几分钟的时间就可以运行起来并带有热重载.保存时 lint 校验,以及生产环境可用的构建版本.更多详情可查阅 Vue CLI 的文档. 个人理解:在实际开发中都是通过脚手架快速搭建一个vue项目,当然也可以使用CDN的方式(具体请看官网) 使用脚手架的好处: 1. 脚手架是通过webpack搭建的开发环境

vue搭建vue-cli脚手架项目

一.Node.js 1.介绍 Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine.Node.js是一个基于Chrome V8引擎的JavaScript运行环境.它不是一门语言,其实就是一个运行javascript的运行环境(平台),可以理解为一个运行js的虚拟机,以前只有浏览器才可以解析Javascript代码,有了Nodejs之后可以脱离浏览器运行,简单的说就是Node.js是运行在服务端的JavaScr

vue-cli+webpack搭建简单的vue项目框架

0.先去官网下载安装nodeJS 1.在cmd中输入命令 node -version 若出现node版本号则安装成功 2.通过命令:cd 文件夹名进入某具体文件夹后进行如下命令操作: 3.npm install -g vue-cli 全局下安装vue-cli脚手架 4.vue init webpack project 初始化项目此处会出现一些选项,进行图片上的操作即可 5.cd project 进入所需project项目文件夹 5.npm

vue-cli快速构建Vue项目

vue-cli是什么? vue-cli 是vue.js的脚手架,用于自动生成vue.js模板工程的. vue-cli怎么使用? 安装vue-cli之前,需要先装好vue 和 webpack npm install -g vue //全局安装vue npm install -g webpack //全局安装webpack npm install -g vue-cli //全局安装vue-cli 注意:上面这些装过一次之后都不需要再安装了比如说我的项目要生成在D:/project下面那么先进到目录里

vue 项目的开发流程

1.$ node -v (检测node版本,node版本需要在 V4 以上) 2.全局安装vue $ npm install -g vue 3.安装脚手架 $ npm install -g vue-cli 4.运行 vue 命令,看是否已安装完毕 $ vue / $ vue list (查看可安装的模板) 5.安装模板 $ vue init webpack(模板) sell(项目名称) 6.? Project name sell ? Project description sell app ?

创建一个Vue项目

Vue.js不支持IE8及其以下版本,因为Vue.js使用了IE8不能模拟的ECMAScript5特性. 在用Vue.js构建大型应用时推荐使用NPM安装,Npm能很好地和诸如Webpack或Browserify模块打包器配合使用.Vue.js也提供配套工具来开发单文件组件. vue的安装依赖于node.js,要确保你的计算机上已安装过node.js.可以进入cmd编辑器,输入node -v进行查看.node尽量要用一些新的版本,否则后续安装会提示node版本过低.去node官网下个新版node

命令行创建一个简单的vue项目过程

//计算机已安装好node和git环境 sudo npm install -g cnpm --registry=https://registry.npm.taobao.org //Mac环境下全局安装cnpm cnpm -v //查看cnmp版本号 ls //查看当前目录 cd //进入根目录 cd git //进入git文件夹 cd VUE //进入VUE文件夹 ls //查看当前目录,显示为VUE文件夹内容 vue init webpack vue-project //在当前目录下创建名为v

如何快速把 Vue 项目升级到 webpack3

由于 webpack3升级后,新增了 Scope Hositing(作用域提升) 功能,据说是对 js的性能提升很大.因此,我们做了一个测试对比,就是 webpack3和 webpack1/2 的性能对比,如下: 测试目标以下数据是2天随机时段3部手机各2组数据,每组数据都是30次取平均值,为了测试js的解析能力,排除了网络请求的影响平台:M5 Note Build/MRA58K 系统:android 6.0 时间 before after 2017-08-10 13:00 920 511

一、vue：如何新建一个vue项目

比较好用的一个脚手架:https://a1029563229.gitbooks.io/vue/content/cooking-cli.html 创建一个vue项目的流程: 1.安装node,版本号必须是3.0.0以上 2.python 2.7.* 3.安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org 4.cnpm i cooking-cli -g //npm install -g vue-cli 5. co