使用vscode运行第一个vue程序

一、环境安装

Node.js: javascript运行环境(runtime),不同系统直接运行各种编程语言

webpack: 它主要的用途是通过 CommonJS 的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。

vue-cli: 用户生成Vue工程模板

1.1安装Node

1,安装Node.js直接官网下载,一路next

cmd中输入node -v,查看是否能够正确打印出版本号即可!

2,安装Node.js淘宝镜像加速器(cnpm)

npm install cnpm -g

1.2安装webpack

npm install webpack -g npm install webpack-cli -g

测试是否安装成功

webpack -v

1.3安装vue-cli脚手架构建工具

cnpm install vue-cli -g

二、使用vscode初始化一个简单的项目

2.1首先选定目录,然后在命令行中把目录转到选定的目录。执行以下命令:

vue init webpack demo

2.2在安装时会询问你:

2.3通过npm run dev启动项目

npm run dev

2.4按住Ctrl点击URL就可以访问了

经验分享 程序员 微信小程序 职场和发展