您当前的位置： 首页 > 慢生活 > 程序人生 网站首页程序人生

vue介绍以及环境搭建

发布时间：2023-04-03 13:59:52编辑：雪饮阅读（）

首先安装node.js
我这里使用的是node-v11.0.0-x64.msi
然后全局安装vue-cli
npm install --global vue-cli
然后创建一个用于放vue项目的目录
mkdir vueProjects
进入目录
cd vueProjects
创建项目方式1
vue init webpack vue-project01
cd vue-project01
npm run dev
这里vue-project01是项目名称可以自定义
创建项目方式2
vue init webpack-simple vue-project02
cd vue-project02
npm install
npm run dev
 
vscode中的vue代码提示扩展
老师讲到可以安装扩展Vue 2 Snippets就能在App.vue中看到vue代码提示（或者高亮吧）
我自己测试没有效果，于是我这个vscode默认打开项目目录时候有右下角提示“要为vue安装推荐扩展吗？”
于是我安装了，其实就是”Vue Language Features (Volar)”
然后App.vue就有关键代码高亮了。
也可能是我的vscode版本比老师那个高，所以不兼容老师推荐那个，然后又有一个自动适配的”Vue Language Features (Volar)”吧
我的vscode版本信息如：
版本: 1.77.0 (user setup)