VUE入门记录 01 选择IDE和VUE版本 以及 helloworld

IDE选择: VS code

关于为什么选择VS code 大佬的博客，有问题的时候回来看看 官网地址

当然得先安装开发环境了

安装nodejsnode官网 安装结束后 node -v 显示版本 即安装成功 npm 的服务器在国外，你们懂得，然后淘宝团队给我们放了个镜像在国内，咱们用cnpm。 安装命令是 npm install -g cnpm --registry=http://registry.npm.taobao.org 安装vue-cli 脚手架 cnpm install -g vue-cli 使用vue-cli构建项目 首先我们创建一个node项目的文件夹，然后在这个文件夹里创建项目 mkdir nodeworkspace

然后我们进入这个目录 cd nodeworkspace

构建我们的第一个项目 vue init webpack firstVue 这里的项目名限制了不能包含大写字母

中间出了一些差错，我把vue升级到了3.7.0版本，2.9.3版本在创建项目时会卡在project name，更新版本就好了

升级vuecli3版本遇到的问题

最后

接下来我们就用VS code来对它进行调试

参考1 参考2 vetur vue语法高亮 eslint 智能错误检测 prettier 代码格式化 我们用VScode打开 helloworld/src/components/HelloWorld.vue

改改msg, 再在我们的/helloworld 目录下执行 npm run dev 我们的第一个vue项目，helloworld 构建成功！