一、安装node环境
1、安装node环境
下载地址:https//nodejs.org/en
检查是否安装:node -v npm -v
2、为了提高效率,可以使用淘宝的镜像:http://npm.taobao.org/
输入:npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安装npm镜像,以后再用到npm的地方直接用cnpm来代替就好了。
3、检查是否安装成功:cnpm -v
二、搭建vue项目环境
全局安装vue-cli
创建vue项目
vue init webpack my-vue
也可打开试图创建
vue ui
IDEA开发工具
启动项目 npm run serve
安装远程调用接口
vue add axios
通过vue ui界面,添加依赖–运行依赖
axios
less-loader安装须在安装依赖-开发依赖
less-loader
在安装less
安装node-sass
cnpm install node-sass@latest
三安装element前端框架
通过vue ui界面,添加插件
vue-cli-plugin-element
安装完成后:
打开main.js----导入依赖
import Element from ‘element-ui’
import axios from ‘axios’
import “element-ui/lib/theme-chalk/index.css”
/全局进行使用/
Vue.use(Element)
Vue.prototype.$axios=axios
//安装全局编辑器
cnpm install mavon-editor --save
用于解析md文档
cnpm install markdown-it --save
//md样式
cnpm install github-markdown-css
安装vue序列号
npm i qs
如出现:no such file or directory, scandir ‘…\node_modules\node-sass\vendor’
解决办法:cnpm install node-sass --save
如果出现:vue Failed at the chromedriver@2.27.2 install script
npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
如果出现:Node Sass could not find a binding for your current environment: Windows 64
项目目录下打开cmd:
输入命令: npm rebuild node-sass
然后在更新一下:npm update
如果出现:%1 is not a valid Win32 application
npm rm node-sass
cnpm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass
解决node-sass 下不下来的问题
npm install node-sass --sass-binary-site=https://npm.taobao.org/mirrors/node-sass
npm install --save-dev rebuild-node-sass node-sass
出现:Module build failed: Error: Node Sass version 8.0.0 is incompatible with ^4.0.0.
npm uninstall node-sass
npm i -D sass