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

 

开始开发

1、Vue新建一个页面

2、Vue安装支持SCSS插件

 

发布时间:2022/07/11

发表评论