19.初始化vue脚手架

1.说明

(1)Vue脚手架是Vue官方提供的标准化开发工具(开发平台)

(2)最新版本为5.x

(3)文档:Vue.js (vuejs.org)

2. 具体步骤

(1)全局安装@vue/cli

        npm install -g @vue/cli

(2)切换到要创建的项目的目录,使用如下命令:

        vue create xxxx(项目名)

(3)启动项目

        npm run serve

备注:

        ① 请配置npm淘宝镜像:npm config set registry https://registry.npm.taobao.org

        来避免下载缓慢的情况

        ② Vue脚手架隐藏了所有webpack相关的配置,若想查看具体的webpack配置,

        请执行:vue inspect > output.js

3.模板项目的结构

19.初始化vue脚手架_第1张图片

 node_modules是存放第三方依赖/插件库的文件夹

创建完项目后,再执行 npm init -y命令,用于锁定第三方依赖/插件版本信息

你可能感兴趣的:(web前端学习,vue.js,前端,javascript)