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

IDE选择: VS code

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

当然得先安装开发环境了

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

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

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

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

升级vuecli3版本遇到的问题

最后

我的VUE开始了,这是第一篇我的VUE开始了,这是第一篇

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

参考1
参考2
vetur vue语法高亮
我的VUE开始了,这是第一篇eslint 智能错误检测
我的VUE开始了,这是第一篇
prettier 代码格式化
我的VUE开始了,这是第一篇我们用VScode打开 helloworld/src/components/HelloWorld.vue

我的VUE开始了,这是第一篇改改msg, 再在我们的/helloworld 目录下执行 npm run dev
我们的第一个vue项目,helloworld 构建成功!
我的VUE开始了,这是第一篇

相关文章: