零基础-VScode创建vue项目

一、基本配置(官网直接下载)

VScode下载
VScode插件配置
node.js(主要目的是使用集成在node中的npm)

二、对npm进行升级

1.使用npm -g install npm命令

2.使用npm install -g cnpm --registry=https://registry.npm.taobao.org
转化为淘宝镜像(防止国外资源被限制）

三、安装Vue-cli脚手架

脚手架可以类比为日常工地上面我们看到的脚手架，它帮助我们搭建基本的开发环境即为基本的结构工程目录，架子搭建好了，利用它可以搞定目录结构，本地调试，单元测试，热加载及代码部署等。
使用cnpm install -g vue-cli（-g代表全局）安装Vue-cli脚手架

四、利用模板建立Vue项目

1.这里创建一个基于Webpack模板的新项目
使用cd 命令切换到要放置项目的目录

2.使用vue init webpack xxx(项目名) 命令新建新的Vue项目

3.使用cd命令切换到项目根目录下，使用命令cnpm install安装npm，然后 npm run dev 运行项目。
运行成功
4.双击网址
5.到这就成功创建vue项目了