18脚手架
# 脚手架
# 准备工作
0、安装node.js
node.js的安装路径不能是中文名
1、全局安装vue脚手架
npm install -g @vue/cli
2、检测脚手架有没有安装成功
vue -V
3、创建vue项目
vue create 项目名
3.1、运行项目
npm run serve
4、进入根目录之后设置package.json。
使用dev命令打开默认浏览器
"dev": "vue-cli-service serve --open",
5、设置淘宝镜像
npm config set registry <https://registry.npm.taobao.org>
6、检查淘宝镜像是否设置成功
npm config get registry
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
# 项目目录
node_modules 依赖包文件（babel、eslint、scss）
package.json npm包说明文件(记录了安装什么东西)
package-lock.json 版本锁(如果没有版本锁，npm i安装的时候会默认帮你安装最新的版本)
public 静态资源文件(图标、html模版)
src 核心目录(项目的唯一出口)
.gitignore git的筛选文件(控制哪些文件不上传)
babel.config.js babel配置文件
readme.md 说明文件
src
assets 静态资源文件(图片)
components 全局组件
main.js 项目的唯一出口
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
编辑 (opens new window)
上次更新: 2023/08/06, 00:38:41