利用vue建立的第一个项目

2019-01-30  本文已影响0人  2019做一个甜甜的小猪

利用寒假来学习一下vue前台,由于我是零基础,所以一步一步很详细

我的环境是已经配好的,用的是idea+vue+node.js+npm还有手脚架,查找安装教程就行

在这个基础上来开始我们的第一步,开始使用vue—cli来构建项目

1:要创建项目,首先我们要选定目录

  在terminal输入dos命令

  (cd..)(C:)

1) vue init webpack “projectName”,接下来enter输入相应的y/n

利用vue建立的第一个项目

2)至此,一个空的vue.js的项目已完成,相关的依赖可以打开package.json文件

3)回到项目目录下,然后执行npm install去安装所有依赖库,整个项目所依赖的库文件都被下载到了node_modules这个文件夹下下面

4)继续在根目录执行npm run dev

5)它的监听端口是8080,然后看到下面的页面,说明运行成功

利用vue建立的第一个项目
上一篇下一篇

猜你喜欢

热点阅读