vscode+vue 一些基本操作

Posted 2020-11-26 yiyezhiqiuwuchen

1.安装好 vscode 和 node.js 安装node.js是为了用npm（管理项目依赖）

2.调出终端 crtl +~ ,

3.终端全局安装 vue-cli  安装整个脚手架，能快速给我们构建vue项目

安装命令：npm install -g vue-cli

4。终端安装webpack包，用来打包js工具.

安装命令：npm install -g webpack 

5.安装完后可以创建一个vue项目，首先建立一个文件夹，然后用vscode打开文件夹，然后终端到该文件夹，如我的是vscodeProject

创建项目命令：vue init webpack  项目名

　　　　　如：vue init webpack  learn01

然后会出现一些配置，回车就好，为yes，最后就会构建成功

6.  cd  learn01 

7. npm run dev

8.访问http://localhost:8080 看到vue的视图，就项目构建成功了

 

 

二、

1.假如你在learn01项目下，再构建另一个项目在vscodeProject文件夹下 ，终端 然后 cd..就会回退到上一个文件夹