vue/cli 创建脚手架

脚手架创建

1全局安装脚手架 npm install -g @vue/cli

2查看版本 vue --version

3。创建项目

（3-1）把你的cmd切换到你要创建项目的文件夹中

（3-2）vue create 你的项目名不要中文空格特殊符号

4 cd到项目名下

5启动项目 npm run serve

6 根据提示打开浏览器访问

拿到空项目怎么办？

1.删除src文件夹下的components文件夹下的helloword.vue文件

2.在components文件夹中创建属于你自己的文件xxxx.vue（名字必须使用大驼峰命名法 首字母大写其后单词也要大写）

3.在vscode下载 vetur插件 安装完成 在你新建的文件中 使用<vue这个快捷键

扩展----项目怎么启动？

1.cd项目下 npm install 下载依赖

2.启动项目 找到项目下的package.json文件 的scripts节点去查看启动命令

扩展----自动开启浏览器与端口修改

1.找到vue.config.js文件写入如下内容

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  // 设置浏览器自动开启
  devServer:{
    open:true,//设置自动开启
    port:8888,//修改端口
    host:"localhost"
  }
})