2.如何用vue-cli3.x脚手架创建一个项目

在合适的文件夹选择cmd窗口运行 vue init webpack my-first 出现下面的问题

说明之前的vue init创建命令不能用了,现在3.xx了
首先命令行输入vue -V 查看版本号

vue init webpack hello-world 已经替换为 vue create hello-world
按<上下键>移动,按<space>进行是否选定【空格键选择】,按<a>切换所有,按<i>反转选择

default是默认配置
manually自定义配置
一般选择自定义配置
? Please pick a preset: Manually select features
? Check the features needed for your project: Router, Vuex, CSS Pre-processors, Linter//选择配置(自定义配置)
? Use history mode for router? n
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): Stylus //选择css预编译
? Pick a linter / formatter config: Standard //语法检测工具
? Pick additional lint features: Lint on save //选择语法检查方式,这里我选择保存就检测
? Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? In dedicated config files //这些配置文件放在哪里?是独立文件中还是package.json中
? Save this as a preset for future projects? (Y/n) // 是否记录一下以便下次继续使用这套配置。
在进行选择的时候,如果发现选错了,ctrl+c终止,重新开始选择

等待下载依赖模块
项目创建好后 cd hello-world 进入项目根目录中
run serve 运行项目

除了这种命令行模式之外,可以界面创建,方法如下
命令行输入vue ui回车

,浏览器会出来一个界面,按照上面的描述创建

点在此创建新项目

输入项目名称,其他默认

手动配置

选择需要的

创建项目

选择 创建项目,不保存预设

原文地址:https://blog.51cto.com/cathy18c/2417877

时间: 2024-11-10 02:13:08

2.如何用vue-cli3.x脚手架创建一个项目的相关文章

Gitlab创建一个项目(二)创建新用户以及分配项目

Gitlab创建一个项目(一) 1.进入gitlab控制台 2.点击“新建用户” 3.点击“Edit”,创建初始密码 4.分配项目,首页进入项目 5.进入Members菜单 6.选择用户 7.赋予权限  "Maintainer"可以合并分支 8.用新建的用户登陆,可以找到项目 原文地址:https://www.cnblogs.com/xuchen0117/p/11965346.html

怎样通过已经使用过webpack+vue+vueRouter+vuecli的配置文件package.json创建一个项目

首先,我们自己得手动创建一个webpack+vue+vueRouter+vuecli工程,执行下面:如:新建一个vue项目,创建一个基于"webpack"的项目,项目名为vuedemo: $ vue init webpack vuedemo 安装完成后进入工程名称再根据原来项目的配置文件初始化 $ cd vuedemo $ npm install 但是由于在新建的时候对eslint的选择中选择了Yes,所以后面根据配置package.json的时候,发现没有eslint-friendl

VUE 安装&amp;创建一个项目

1,安装node.js vue依赖nodejs,所以首先要安装node.js 然后打开cmd,输入命令, node -v.正常出现版本号,说明你已经安装成功了 下载地址:http://nodejs.cn/download/ 2,npm(cnpm) npm是node的包管理工具 使用node之后你会接触各种各样成千上万的Package(包),就需要一个管理工具能很好的解决它的安装,更新,依赖包安装等等的维护.默认安装完node之后,npm会自动安装上的.还是cmd,输入命令 npm -V .正常出

脚手架创建一个React项目

一.安装 1.安装node.js 官网地址 https://nodejs.org/en/ 进入后点击下载,官方网站会根据你的系统类型推荐最适合你安装的版本.(如果已经安装了node.js跳过此步)如下图 : 点击即可下载. 检测node.js是否安装成功,最直接有效的办法就是在命令提示符中输入 node -v 如下图 如果出现node的版本号则表示安装成功,可以看到我的node版本是10.15.3. 2.全局安装: 安装淘宝镜像 这样做的目的是使用国内的服务器下载速度快一点. npm insta

如何利用Facebook的create-react-app脚手架创建一个基于ant design mobile的项目

引言: create-react-app是Facebook发布的一款全局的命令行工具用来创建一个新的项目. 通常我们开始做一个react web或者 app 项目的时候,都会自己利用 npm 或者 yarn 安装项目所需要的一些依赖,再写 webpack.config.js ,一系列复杂的配置,搭建好开发环境后写src源代码. 现在,如果你想要搭建一个完整的 react 项目环境,已经不需要自己动手布置许许多多的东西,利用 create-react-app 工具,就能轻松帮你配置好一个 reac

react用脚手架创建一个react项目

官网地址:https://react.docschina.org/ 确保本地安装了Node.js node的版本大于8.10    npm的版本大于5.6 1.在本地的某个位置创建一个文件夹,执行以下代码: npx create-react-app my-app(项目名称 可以自定义) 等待...... 创建好项目后,跳转到项目跟目录: cd my-app 然后运行项目: npm start 弹出这个页面代表项目已经创建好了! 原文地址:https://www.cnblogs.com/fqh12

Cocos2d-x v3.0 正式版 如何创建一个项目,TestCpp执行

欢迎增加 Cocos2d-x 交流群: 193411763 转载请注明原文出处:http://blog.csdn.net/u012945598/article/details/24456579 首先到Cocos2d-x 官网下载 Cocos2d-x-3.0版本号文件(www.cocos2d-x.org) 下载完毕后将Cocos2d-x-3.0解压到桌面,创建项目的方法按例如以下步骤操作 打开终端,依照下图方法输入: 第一步:进入到桌面/cocos2d-x-3.0目录下 第二步:创建一个新的pro

springboot 创建一个项目

1.创建一个maven webapp项目 2.修改pom.xml <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_

Android开发的初学者快速创建一个项目

因为gwf的原因,大陆连不上google所以AndroidSDK是无法更新的 而且设置代理也不一定能解决问题 如果是初学者想快速的了解安卓开发,可以在国内的内网下载整合包 下载地址:http://rj.baidu.com/soft/detail/23485.html?ald 快速创建一个安卓项目------hello world! 1.file--Android application project 3.设置项目名称,app名称,app唯一标识.项目适用于安卓版本 4.图标,界面,项目位置,及