[Vue音乐项目] 第一节 环境搭建
1.Node安装
- 登录官网,下载最新版本并安装;
- 在我的电脑内,执行以下操作:
右键->属性->高级->环境变量->系统变量->path
查看是否有node的安装路径,没有的话添加上node的安装路径; 开始->运行->cmd
输入node -v
,出现类似v10.15.3
的字样说明安装成功。
2.vue-cli安装
- 打开cmd命令行,输入
npm install vue-cli -g
,等待安装完成; - 完成后,输入
vue -V
,出现类似2.9.6
的字样表明安装成功。
2.初始化项目
- 在准备放置项目的文件夹里,打开cmd并输入
vue init webpack music
(music为项目目录名字,可自定义),按照命令输入相应的内容; - 完成后,依次输入
cd music
(项目目录),npm run dev
命令,等待完成; - 完成后,安装给出的地址,在浏览器输入
localhost:8080
,可访问表明初始化成功; - 在安装文件夹里,music目录下包含如下内容:
//music文件夹 build --打包工具及开发配置 config --配置目录 nodemodules --依赖模块 src --源代码目录 assets --静态文件 components --组件 App.vue --应用级组件 main.js --入口文件 static --静态文件 index.html --首页 //部分文件于项目关系不大,故此省略