web前端环境搭建以及vue-cli搭建启动vue项目

三个工具:(根据个人喜好自由选择)

1.一个编辑器:vs code/notepad++/ hBuilder

2.一个量图工具:ps

3.一个git工具:先下载git,再下载tortoisegit

可以在腾讯软件中心下载选择普通下载,可以减少乱七八糟软件的自动安装

vue-cli脚手架的搭建

1.先下载node.js

2.安装vue-cli:cmd打开黑框输入npm install   -g vue-cli

3.生成vue项目形成基本结构:vue init webpack  项目名

(1)在d盘新建文件夹content;

(2)在黑框输入d:按enter键进入d盘;

(3)输入cd content 按enter进入content文件夹

(4)vue init webpack  test 生成名为test的vue项目

4.安装依赖包:npm install

5.启动项目:npm run dev

 

posted @ 2019-04-21 15:01  巴拉巴拉·芭芭拉  阅读(858)  评论(0编辑  收藏  举报