一,安裝工具
- node.js安裝,安裝完使用node -v查看版本
關(guān)于node安裝
nvm(node版本管理工具)下載及安裝教程
nvm官網(wǎng):https://nvm.uihtm.com/
cmd輸入nvm -v 查看版本號
配置鏡像源:(打開nvm安裝目錄下的settings.txt文件,添加下面鏡像源)
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
安裝node:
使用NVM命令 nvm list available匹舞,查看可安裝的NodeJS版本
nvm install node版本號
查看是否安裝成功
nvm list
使用
nvm use 版本號
- 安裝vue-cli
打開cmd輸入:npm install -g vue-cli
配置淘寶鏡像
npm config set registry https://registry.npm.taobao.org
查看當前使用的鏡像地址命令
npm config get registry
二平夜,創(chuàng)建項目
1腰鬼,在cmd中輸入vue init webpack 項目名稱
例如:vue init webpack myproject1
2,輸入后敲回車塑荒,有一些yes or no 的選項熄赡,都選no就行。
3齿税,cd進入myproject1文件夾彼硫,輸入npm run dev啟動項目
瀏覽器輸入http://localhost:8080打開項目
三,安裝axios
npm install --save axios
四凌箕,elementUI使用
npm install --save element-ui
五拧篮,關(guān)于md5加密使用
安裝:
npm install --save js-md5
使用:
import md5 from 'js-md5'
md5('md5加密')
六,vuex使用
下載:
npm install --save vuex@3.6.2
注意版本問題:vue 的 2.x 版本對應(yīng) vuex 的 3.x 版本牵舱,vue 的 3.x 版本對應(yīng) vuex 的 4.x 版本
七串绩,路由使用
指定版本
npm i vue-router@3.2.0
Vue2:官方路由 Vue-Router 3.x
Vue3:官方路由 Vue-Router 4.x
八,vue引入.md文件
//安裝
npm install --save html-loader;
npm install -- save markdown-loader;
npm install github-markdown-css
import 'github-markdown-css'; //哪里用markdown 就在哪里引用 可以放在min.js
下載所需package
npm i vue-markdown-loader -D
npm i vue-loader@14.2.2 -D
npm vue-template-compiler -D (若是已經(jīng)有則不需要安裝芜壁,不然有可能和現(xiàn)有的vue版本不匹配從而報錯)
vue-loader版本過高會不兼容礁凡,經(jīng)過測試安裝14.2.2版本可以使用
vue-template-compiler需要和vue的版本一致
(若是直接安裝vue-loader最新版會提示升級vue和vue-compiler,但是升級后的vue沒有和vue-template-compiler匹配的版本,所以我選擇降低vue-loader版本)
樣式
npm i github-markdown-css -D
npm i highlight.js -D