vscode+vue 一些基本操作

时间:2019-12-30 11:46:02   收藏:0   阅读:91

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..就会回退到上一个文件夹

技术分享图片

原文:https://www.cnblogs.com/yiyezhiqiuwuchen/p/12118400.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!