创建vue2
1,vue create 随便起个英文名字 2 绿框下面选择部分 [1]按下键+回车 [2]又出现选择,按空格选中,上下键选择,选中Babel和Router,回车 [3]全按n+回车 完成
调整 【1】随便建立一个vue,在里面随便写点内容 【2】找到helloword.vue,删除,然后删除home.vue的内容 【3】app.vue里删除第四行和第五行 【4】在router.js里引入新建的vue===》
import Login from './components/login.vue' { path: '/', name: Login, },
vue3的创建
1.vue --version
-
npm install -g @vue/cli =>vue --version 高于5.0版本此步骤省略 3.vue create (后面跟上自己命名) 回车 4.选项选第三个 =>然后选择1,2,4,5,6五项 5.选择3.x 再选 n , y , y =>sass/scss()这一项 选择 ,再选n 6.按照提示步骤 运行
vite的创建
1.npm init vite-test 2.npm init vite-project 3.npm init vite@latest 4.y 自己创建一个名字 =>选择vue =>选择vue.ts 5.按照提示步骤 运行