B站【挽救小白第一季】前端代码记录笔记

1. 新建工程命令：

$ vue init mpvue/mpvue-quickstart my-project

参考mpvue官方快速入门：http://mpvue.com/mpvue/quickstart.html

2. 进入工程，下载依赖，启动实时更新环境。

cd my-project
npm install 
npm run dev

 这时，命令行窗口发生变化：

 

通过npm run dev命令成功运行起开发模式之后，就会自动监听代码的修改，当修改代码之后快捷键ctrl+s保存，已修改的内容就会自动在微信开发者工具的模拟器中显示出来
3. 简要了解文件夹结构，主要包括：

• src文件夹：src/pages存放页面HTML, javascript和CSS内容。
• static文件夹：包括pages中需要的图片、资源等等。

4. cnpm 安装mqtt3.0.0、node-sass、sass-loader三个插件。

npm install mqtt@3.0.0 --save
npm install -D node-sass
npm install -D sass-loader@7.3.1 --save

 若要重新下载插件，需要先卸载插件。

命令是：npm uninstall 

我在执行 uninstall 此处卡住，程序占了300M的C盘空间后继续申请，把C盘卡爆后退出，原因未知。准备改用uniapp