vue-cli脚手架安装

136 阅读1分钟

1.安装

(1)前提,安装node(查看node指令node -v)

(2)在全局中安装webpack

命令为: npm i/install webpack -g

(3)在全局中安装vue-cli脚手架

命令为: npm i vue-cli -g

(4)初始化项目

①在指定的目录中进行命令行或者打开git

命令为:vue init webpack “项目名称”

注意:项目名称不要包含中文和空格

(5)到项目根目录下

命令为:cd 项目名称

(6)运行

命令为:npm run vue

可选:可在chrome中安装vue插件

可选:当脚手架或者node-models安装报错或丢包时,清除缓存命令为npm cache clean --force

(7)vue-cli需要知道的要点

文件夹:

build 项目构建工具目录

config 项目配置文件目录

node_modules 项目依赖目录

src 项目目录--主战场

main.js 项目启动文件

App.vue 根组件

static 静态资源目录

index.html 网站首页

package.json 项目依赖配置文件