vue创建项目的步骤
这是我第一次写文章,以后有什么问题就用这个来记录吧,俗话说:“好记性不如烂笔头”还是很有道理的。接下来就开始吧……
1.由于vue项目依赖node.js npm需要安装。若 没有请先安装:
检查是否有node.js npm vue
1)window+R输入cmd
输入node -v 回车 会出现node.js的版本
输入npm -v 回车会出现npm的版本
2.安装vue
npm install -g vue-cli
//-g表示全局安装,vue-cli是模块,全局安装的模块可以在命令行直接使用
3.创建项目框架
如果想放到指定目录下,先进入这个目录再执行创建项目的命令
1)进入主题:创建一个基于‘webpack’的项目,后面是项目名
如:vue init webpack my-vue
一路回车,直到下载完成。
2)进入到项目目录:cd vue-test
然后运行项目:npm run dev
4.安装项目依赖
现在项目都依赖许多的模块,需要逐一安装依赖。
用命令npm install安装。
5.运行测试
输入npm run dev,一般会自动跳转到界面http://localhost:8080/,也可以手动打开浏览器输入地址。
这样项目就搭建完成了。