vscode+vue 框架搭建

 

第一步：

安装node.js，官方下载地址:https://nodejs.org/en/

安装完成之后打开cmd：node -v 查看版本（npm一体的，可以直接查看），显示下图安装成功

 

第二步：

安装淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org 

 

第三步：

安装脚手架：npm install -g @vue/cli

 

 第四步：

创建一个项目：进入自己项目的位置（例：d）

 

创建：vue create hello_vue

第五步：

安装vscode,官网下载：https://code.visualstudio.com/

打开工具，file—》open folder—》打开项目文件

ctrl+~打开控制台；重新安装依赖：cnpm install 

安装后在项目框架中会出现

然后开始运行项目吧！

运行：npm run dev