vscode前端vue框架创建

一、在gitee上创建仓库

1、建立完之后记得初始化readme文件

2、初始化之后点击克隆，将下方的地址复制下来

 

二、将建立好的仓库克隆到本地

1、先建立一个PythonTest文件夹

 

2、然后打开终端，找到文件夹所在位置，用下列命令将仓库克隆下来

git clone 克隆的地址

三、在仓库中建立vue架构

1、安装vue-cli

npm install -g vue-cli

 

 

 如果这里的npm install报错的话，则是代理的问题，参考博文https://www.cnblogs.com/s313139232/p/7885518.html

2、安装webpack

npm install -g webpack

3、创建vue文件夹

vue init webpack 项目名称

对其进行配置

安装成功

4、下载webpack-dev-server

先进入刚刚创建的项目中

cd PythonTest

然后安装

npm install webpack-dev-server

5、生成Package.json包

npm init -y

6、安装gulp

npm i gulp -D

7、安装监听sass工具

npm i gulp-sass node-sass -D

8、测试运行

进入建立的vue文件

npm run start

在浏览器输入localhost：8081看到以下界面则建立成功。