npm创建Vue项目
文章描述:
创建Vue项目命令以及流程
环境检查
node -v
npm -v
vue -V
查看
vue list

创建
创建一个webpack项目名字为demo1
vue init webpack demo1

选择
在创建的过程中会让我们选择一些操作
name 项目名称
description 项目描述
author 作者
build 默认构建
vue-router 路由
unit tests 单元测试
完成

Vue创建自定义项目
vue create vue-tea
1. 目标目录已存在,请选择操作:Merge(合并)

2. 在使用命令创建项目可选择Vue3、Vue2、手动选择
Please pick a preset:(请选择一个预设:)
Mlanually select features(手动选择功能)

3.Check the features needed for your project(检查项目所需的功能)

4.选择项目开始时使用的vue.js版本

5.Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n)
路由器使用历史模式?(需要在生产环境中为索引回退设置适当的服务器)(Y/n)

6.Pick a linter formatter config: (Use arrow keys)
选择linter格式化器配置:(使用箭头键)




cd vue-tea
npm run serve
创建后端
全局
cnpm install express-generator -g
局部
express --view=ejs server
cd server
cnpm install
npm run start
浏览器打开:localhost:3000

vue打包
npm run build
开始开发
发布时间:2022/07/11

发表评论