VUE学习之环境搭建

写在前面

CSDN的小伙伴们大家好！ 这是我在CSDN发布的第一篇文章。我是在bilibili看的vue的学习视频，然而视频是2018年的，已经有些过时。等我发觉过来，已经跟着视频差不多手动把一些插件安装完了。然而最新版的vue是不需要这样的，一键安装了解一下。

搭建vue开发环境

大家既然都知道要搭建环境，肯定也去过vue.js的官网了。

1. 安装node.js ，

2. 安装vue的脚手架工具 npm install --global vue-cli (在控制面板）

3. 创建项目 vue init webpack vue-demo01（先新建一个文件夹，记住路径，在控制面板cd进此文件夹，此文件夹用来存放你的项目,在控制面板创建项目）

4. 进入项目 cd vue-demo01
   

5. 安装依赖 cnpm install / npm install(如果创建项目时没报错，此步骤可省略）（cnpm下载包的速度更快一些，前提是能使用，得先 npm i -g cnpm --registry=https://registry.npm.taobao.org)

6. 运行项目 npm run dev
   （运行成功后会得到得到一个网址，复制粘贴在浏览器打开）
   
   打开后的界面
   

7. 在编译器打开项目所在文件夹，进行开发
   
   8.VScode安装插件解析vue代码
   今天·就先写到这啦，接下来可能会写最新版vue与之前的不同，也可能写vue的学习。