vue-cli项目搭建步骤详解

vue-cli@2.x

npm install vue-cli@2.9.6 -g 全局安装vue 命令 @指定版本

vue -V 2.9.6 脚手架工具安装ok

新建文件，在文件夹中运行cmd，切记要空文件夹
vue init webpack(采用的模板信息) 项目名字

npm run dev 本地运行项目 开发环境
npm run build 编译打包 进行上线 生产环境

基本目录结构
dist 编译打包之后才有的目录
build 编译打包相关的配置
config 项目整体的配置信息
static 静态目录
src 项目代码目录
App.vue
main.js 入口文件
assets 里面的图片 会被编译成base64
index.html 单页面应用的根文件

vue-cli@4.x

npm install @vue/cli@4.2.3 -g 全局安装vue 命令 @指定版本
vue -V 4.2.3 脚手架工具安装ok

新建文件
vue create 项目名字

基本目录结构
dist 编译打包之后才有的目录
static 静态目录
src 项目代码目录
App.vue
main.js 入口文件
assets 里面的图片 会被编译成base64
vue.config.js 配置文件
index.html 单页面应用的根文件

淘宝镜像

npm config get registry
npm config set registry https://registry.npm.taobao.org/

清除npm缓存

npm cache clean -f

开发环境依赖

npm install xxx --save-dev

线上环境依赖

npm install xxx --save