vue3.0脚手架安装

vue3.0脚手架安装

1.安装

1.1安装vue3.0脚手架
查看当前vue-cli版本
打开cmd输入vue --version,如果是2.0+要先卸载掉,输入npm uninstall vue-cli -g进行全局卸载
然后重新安装npm install @vue/cli -g(vue更新了安装)

如果安装失败应该是node版本过低，查看node版本node -v
node 升级到最新版本

npm install n -g
n stable 

安装失败请去node官网下载最新版本，node下载

1.2创建vue项目

1. 控制台创建

   vue create vue-test
   

   vue-test:项目名称
   选择手动模式，然后回车
   
   按上下键选择，空格键进行确定，最后回车
   选择好类型，css使用的less
   最后回车开始创建脚手架
2. 使用vue ui 创建
   输入vue ui打开vue创建界面
   
   系统会自动打开浏览器进入http://localhost:8000/project/create界面，如果没有进入请手动填写
   
   在这里选择路径然后进入下一步
   选择手动配置
   
   
   然后创建新项目
   最后启动项目,

   cd vue-test
   npm run serve
   

   接着在浏览器输入地址http://127.0.0.1:8080/#/就可以查看到了
   
   2.项目结构
   初始
   
   可以根据自己需求创建目录结构，以下是我自己的目录