使用 vue-cli 3.0 创建项目

  1. 切换到要创建项目的目录下,

    vue create < your-project >
  2. 如果能创建成功,则说明已经安装了 vue-cli 3.0;否则按照提示安装: npm install -g @vue/cli, 再次创建项目: vue create < your-project >
  3. 出现以下提示,我直接选择了 default,选择默认配置    
  4. 这样就等待项目创建成功  

使用 3.0 vue create 创建项目 和 之前 vue init 创建项目差别:

1. 启动项目不在是 npm run dev ,而是 npm run serve

2. 去掉了2.x buildconfig等目录 ,大部分配置 都集成到vue.config.js这里了

vue.config.js里
大概包括了配置 常用的输出路径名、跟目录、预处理、devServer配置、pwa、dll、第三方插件等等
详细配置可以看官方文档 详细config配置

3. package.json 里面也略有所不同,分环境打包。 因为是刚学,对打包项目不太了解,切换成 3.0 先走一遍。

参考:https://juejin.im/entry/5ac1c540f265da237c690faf

https://segmentfault.com/a/1190000014627083

原文地址:https://www.cnblogs.com/mlllily/p/10898997.html

时间: 2024-08-29 13:02:41

使用 vue-cli 3.0 创建项目的相关文章

如何使用@vue/cli 3.0在npm上创建,发布和使用你自己的Vue.js组件库

译者按: 你可能npm人家的包过成千上万次,但你是否有创建,发布和使用过自己的npm包? 原文: How to create, publish and use your own VueJS Component library on NPM using @vue/cli 3.0 译者: Fundebug 为了保证可读性,本文采用意译而非直译.另外,本文版权归原作者所有,翻译仅用于学习. 尽管我已经在工作上用了Vue.js一段时间,但我从不需要在npm上发布组件.但最近发现在不同的项目重写组件是件非

vue/cli 3.0 脚手架【进阶】

安装vue-cli3   npm install -g @vue/cli 创建项目 vue-cli-test 脚手架-项目-成功-运行项目 基于vue-cli配置移动端自适应 转自:http://hjingren.cn/2017/06/16/%E5%9F%BA%E4%BA%8Evue-cli%E9%85%8D%E7%BD%AE%E7%A7%BB%E5%8A%A8%E7%AB%AF%E8%87%AA%E9%80%82%E5%BA%94/ 配置 flexible 安装 lib-flexible  

vue搭建环境并创建项目

1.>npm install @vue/cli -g 2.创建项目A a.>vue ui b.在弹出的管理界面创建项目 或 a.npm install -g @vue/cli-init b.vue init webpack myapp //myapp:项目名称 visual code中添加辅助插件: js-css-html formatter html css support debugger for chrome auto close tag vetur 原文地址:https://www.c

cocos2d-x-3.0创建项目

之前一直用的是cocos2d-x-2.3版本号,使用tools里面的create-project.py脚本能够非常方便的创建项目.今天更新为3.0后,发现新版创建项目的方式有了非常大的改变,于是在这里记录一下. 准备工作:1.安卓开发须要的sdk,ndk下载好并配置好环境变量 2.下载phython(推荐2.7版本号)以及ANT 在3.0的根文件夹下有一个setup.py的脚本,用命令行定位到该脚本所在文件夹并执行它(或者直接双击打开),会发现这是一个引导我们配置环境变量的脚本,它自己主动的将C

vue(2)创建项目

1.创建项目 cmd到自己指定目录下,执行 vue init webpack-simple hello-vue 2.安装项目依赖 cd hello-vue cnpm install 3.运行该项目,测试是否能够正常运行 cnpm run dev 接着,浏览器自动执行了http://localhost:8080/, 原文地址:https://www.cnblogs.com/yaoyuan2/p/10345383.html

vue环境搭建及创建项目

安装node环境:node环境下载地址:https://nodejs.org/zh-cn/download/,可根据对应的操作系统版本下载安装 安装完成后查看对应的node和npm版本,如没有出现对应版本号则代表安装失败 安装vue-cli(vue脚手架)安装vue-cli之前确保要先是否安装webpack webpack安装命令:npm install webpack -g 安装好后开始安装 vue-cli npm install -g vue-cli -g代表的是全局安装 vue-cli安装

vue-3.0创建项目

1.npm install --global @vue/cli 2.npm install -g @vue/cli-init 3.vue init webpack my-project 原文地址:https://www.cnblogs.com/huanhuan55/p/9921871.html

Configuration Reference In Vue CLI 3.0

Configuration Reference This project is sponsored by  #Global CLI Config Some global configurations for @vue/cli, such as your preferred package manager and your locally saved presets, are stored in a JSON file named .vuerc in your home directory. Yo

VUE CLI 3.0 移除严格模式

在vue 项目使用严格开发时,引用一些不规范的js时会报 Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them 方案一:如果需要全部移除则使用 npm i babel-plugin-transform-remove-strict-mode -D