安装vuecli3:vue create 项目名
启动:npm run serve
npm run serve
vue 3 安装
vue create prjectName


use history mode for router(Y/N)Y
In package.json
后面都默认
vue create vue-test3
vue以图形界面的方式创建vue项目
vue ui
启动命令 npm run serve
手动配置,只选择两个,其他以后根据需要安装
创建项目:vue create test3
是否开始创建,选择y,之后的就都选择默认
Manually select features 手动安装
启动vue-cli3的项目:npm run serve
vue-cli3创建项目 命令行:npm create vue-test3
最后的vue-test3 是项目名称
vue-clil3创建项目
vue create vue-test3
....
npm run serve
vue-cli3创建项目
先创建一个test3文件md test3 并进入cd test3
安装vue项目:vue create test3-
进入命令行选择页面
default (babel, eslint):默认选项
Manually select features:手动配置
然后进行手动配置的内容
? Please pick a preset: Manually select features
? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)
>(*) Babel //
( ) TypeScript //新的js逻辑,我们用传统的js就好
( ) Progressive Web App (PWA) Support
(*) Router //路由跳转必选
( ) Vuex
( ) CSS Pre-processors
() Linter / Formatter //代码规范,暂时不安装后面会安装
( ) Unit Testing //单元测试
( ) E2E Testing //单元测试
? Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n) //是否使用#号的历史路径
选择y
? Where do you prefer placing config for Babel, ESLint, etc.? In package.json
选择y
后面都y就可以了,之后就不需要人工干预了
注意先cd到test3安装好的项目中,然后再npm run serve;跟cli2之前的都不一样
vue-cli3创建项目:
安装vuecli3: vue create test3
进入项目目录 : cd
启动项目: npm run serve
vue-cli3创建项目:vuecli2:install vuecli3:create
安装vuecli3:vue create vue-test3
启动vuecli3项目:npm run serve
创建项目
cd 项目目录
vue create 项目名
npm run serve # 启动服务
vue2
vue init webpack demo
cd 项目名
npm run dev
vue3
vue create demo
cd 项目名
npm run serve
vue2
vue init webpack demo
vue3
vue create demo
npm run serve
vue-cli3创建项目:
vue create projectName;
启动项目:
npm run serve;
vue create test3
手动安装:方向键选择,空格键选中
cd test3
npm run serve
vue-cli3 命令行创建
安装:vue create vue-test3
启动:npm run serve
vue-cli3创建项目:
vue create projectName;
启动项目:
npm run serve;
cli3使用create
vue-cli2启动项目:npm run dev
vue-cli3启动项目:npm run serve
vue-cli3命令行创建项目:
vue create vue-test3
vue-cli2命令创建项目:
vue init webpack projectname