大白鼠,真田女忍法传服部半蔵的逆袭,伊莎豪雅
定好目标，首先应该想到的就是安装环境，搭建框架，一步一步的完成最基础的新建一个vue项目的目的。
第一步npm安装
步骤：
1. 到node 官网选择跟自己的电脑匹配的版本进行下载，然后一步步的安装即可。
2. 输入node -v，如果出现版本信息即表示安装成功。
第二步：使用淘宝npm镜像
1. 输入npm install -g cnpm --registry=https://registry.npm.taobao.org ，安装淘宝镜像安装相关依赖。
2.安装vue-cli脚手架构建工具，输入命令npm install -g vue-cli，安装完成即可。
第三步：使用vue-cli创建项目
1.选定路径，新建vue项目，这里我是新建到桌面上新建vue项目文件夹里。
2.使用脚手架安装项目： vue init webpack +项目名称 ，项目是基于webpack的
第四步：启动项目
1.进入项目目录：cd demo,(这里我是用webstorm打开的项目)
2.安装项目所需要的依赖：npm install （如果用webstorm打开的话就需要一下界面显示操作）
3.启动项目：npm run dev
启动成功，打开：localhost:8080，即可看到vue项目。
最后查看项目vue的目录结构
如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复
css3 flex布局 justify-content:space-between 最后一行左对齐
我要评论
网友评论