创建新的vue环境包

首先我们知道vue是一个渐进式的JavaScript框架。有自己的规矩和方法。

1、windows+R---输入cmd回车打开终端

2、输入如下 确保yarn环境配置好了

yarn -v

出现这个代表配置好了

  

3、安装全局vue模块包

yarn global add @vue/cli

 

用于创建脚手架环境--得到的是对应的命令

4、创建新的vue项目

vue create vuecli-demo

注意：vuecli-demo为文件名

 得到这个效果

这里大家按照需要选择 前两项为vue版本 后一项为手动配置项

如果只是自己学习建议选择前两项 具体选哪个看是3.0版还是2.0

 5、根据提示的路径找到对应的文件夹 对齐进行修改

 6、vscode打开文件夹

这里注意：vscode里面的插件可能会和vue有冲突，建议删除插件/安装绿色版vscode

 如果重新安装绿色版软件，可以安装如下插件，这个软件专门用来做vue项目--eslint暂时先禁用

 7、删除logo.png图片----和components文件夹----和App.vue中的内容

  8、在根目录下配置vue.config.js文件

module.exports = defineConfig({
  transpileDependencies: true,
  devServer:{
    host:'127.0.0.1',
    open:true//自动打开浏览器
  },
  lintOnSave:false,//关闭eslint保存时自动检查
})