cmd 新建项目指令步骤: (旧版本)1:vue init webpack xxx //xxx指自定义文件名 新版本:vue create xxx (详情上网查看) VS Code 运行项目指令步骤: 1:npm i -D less less-loader //使用less来自动生成css文件需装入依赖文件 2:npm start 将less编译为css文件的代码: npm install -g less lessc .\styles.less .\style\styles.css 说明:前者只源less文件,后者是编译后的css文件 创建新组件文件后,输入“scaffold”来快速创建组件模板 组件名称建议用两个单词,且单词首字母大写,如HelloWorld,则其被引用后标签为 若要使用Element,则需要在每个项目里写“npm i element-ui -S” 然后 完整引入 在main.js 中增加下列代码: import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) 若要使用Mint UI,则需要在每个项目里写“npm i mint-ui -S” 然后 完整引入 在main.js 中增加下列代码: import MintUI from 'mint-ui' import 'mint-ui/lib/style.css' Vue.use(MintUI) 以 _ 或 $ 开头的属性 不会 被 Vue 实例代理,因为它们可能和 Vue 内置的属性、API 方法冲突。 你可以使用例如 vm.$data._property 的方式访问这些属性。 若要手机扫码测试,则修改项->config->index.js 中的 host 为 '192.168.0.55' mpvue 新建项目 cmd中 # 全局安装 vue-cli (第一步) $ npm install --global vue-cli 1: vue init mpvue/mpvue-quickstart xxx 2: 转到该新建文件夹中 3: npm install (需执行) 4: npm run dev (持续运行 在vscode中打开该项目 在微信开发者工具中实时查看编译情况 有新增代码就要重新运行) ESlint报错 可在package.json 文件中 修改 .."lint": "eslint --fix --ext .js,.vue src" 然后 在cmd 中运行 npm run lint 后 再运行 npm run dev koa2 新建项目 cmd中 1: 新建文件夹 2: 转动(cd)该文件夹后 npm init 一路回车 3: npm install koa --save 4: 运行 node xxx.js(koa-demo 中是这样的 不知具体怎样) 也可在 vscode中 运行 node xxx.js koa-router 在项目中 npm install koa-router --save 本地开发环境搭建(运行server) (参照项目mpvue-demo中的 config.js) (可在vscode中执行) 1:转到项目的server 2:npm install -g nodemon [未安装时全局安装,安装完后不必再使用命令启动](使修改代码不重启服务) 3:执行 npm run dev (使用本地数据库) 4:浏览 localhost:5757/weapp/xxx 数据库初始化(项目初始进行数据库操作前执行) cmd中 1:转到项目的server文件夹 2:node tools/initdb.js 微信用户信息sdk(微信提供的接口) cmd中 1:转到项目 2:npm install wafer2-client-sdk --save (前提npm install) 3:重启项目 项目导入sass cmd中 1:npm install sass-loader --save-dev 2:npm install node-sass --save-dev 本地建立web服务: vscode中,执行: 1:npm install -g http-server 2:http-server -c-1 注意!!! 单独安装的mysql默认是停止服务的 若要使用则去任务管理器中的服务下手动启动 cmd 中使用 vue ui 可创建vue新项目(但是 这种方式创建的项目中无法在index.html中使用static下的js文件 谷歌未解决)