使用vue-cli脚手架在vs code 建立vue项目

使用vs code 建立vue项目

我们可以参考vue官网  传送门

1.首先我们要先安装nodejs 和 npm （百度有很多教程）

2.我们主要是解读vue官网的流程 当然可能还有很多的方法 但是我作为新手先把自己可以创建的方法写下来

下面是主要的步骤

第一步 使用powershell、cmd 或者git 安装vue

命令:npm install

第二步 安装vue-cli 一个官方提供的命令行工具 也是用powershell、cmd 或者git来执行语句安装

命令:npm install --global vue-cli

第三步 我们到我们要建立的文件夹下 也可以用如cmd 的 cd 命令切换过来，也可以直接在这个文件夹下 用git 来执行命令

命令:vue init webpack my-project

当第三步完成后会有一些提示如下图

到这里的时候会有一些需要填写的东西 比如项目名 创建者等，到如上的选择步骤时 我们看到官网的解释如下

我们这里选的是runtime-only 根据个人需求选择

我们根据自己的需求选择合适的配置

到如图位置时 就是选择编码规范  我们这里选的是standard，这里的airbnb（一种代码编写规范）

一直根据自己需求选择 到这里 我是选npm ，yarn没用过。 只要没有报错就是创建成功了 会出现如下图

由于我们是用vs code 来写vue的代码 所以 这一步过后我们就可以打开vue了

打开vs code后 我们打开这个文件

打开后可以看到

这时打开终端 就能执行 npm install 当依赖都安装好后 就 运行 npm run dev 就可以根据提示访问默认的首页了