Vue项目创建安装方式

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第2天

首先，桌面新建项目文件

ctrl +shift + 鼠标右击 →在此处打开命令窗口

1.查看npm版本

npm -v

没有的安装npm

npm install (-g 全局安装) npm install -g

#升级 npm cnpm install npm -g

升级或安装 cnpm

npm install cnpm -g

2.安装全局依赖

方法一： npm install --global vue-cli (-g 全局安装) 方法二： npm install vue-cli -g

3.创建一个基于 webpack 模板的新项目

vue init webpack my-project

vue init webpack 后面是项目名 （my-project 是项目名）

然后一直按回车回车

等待....

最后出现 cd 项目名 npm run dev

说明完成了 http://localhost:8080/

此时 npm run dev 就可以打开项目了

http://localhost:8080/

然后浏览器打开

此时一位靓仔看完了文章，并点了个赞！好，不愧是你，棒~