搭建我的第一个vue

开始我的第一个vue项目

1.搭建环境,使用node环境搭建(http://nodejs.cn/download/)官网下载相应的版本,我选择的是windows版本

1.png

2.普通的安装软件,这里安装选择的是ADD to path

2.png

3.安装完成,检查是否成功。运行cmd,输入node - v 出现相应的版本号

npm -v出现相应的版本号

npm 是 nodejs 的包管理和分发工具。它可以让 javascript 开发者能够更加轻松的共享代码和共用代码片段,并且通过 npm 管理你分享的代码也很方便快捷和简单。通过npm可以更方便的引用和分析基于nodejs开发的类库和插件。

3.png

4.安装vue-cli脚手架构建工具,输入命令npm install -g vue-cli,安装完成即可。

4.png

5.在电脑上创建一个后期放项目的文件夹,任意位置即可,例如:E:\code\vue

5.png

6.使用脚手架安装项目:vue init webpack +项目名称 ,项目是基于webpack的,例如 vue init webpack first-vue

6.png

7.打开本地路径查看

7.png

8.用webstoem打开该文件,当然也可以在cmd面板继续npm install安装所需要的依赖

8.png
9.png
10.png

9.进行热部署即可成功运行项目npm run dev

11.png

10.查看项目 localhost:8080

12.png

搞定

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容