windows yarn 構建 vue 的方式

或者使用 chocolatey 安裝

chocolatey 是 windows 上的包管理器。

3. 用yarn全域性安裝vue-cli

# 安裝vue-cli

d:\ilaus_front>yarn global add @vue/cli
# 安裝vue-cli-init
d:\ilaus_front>yarn global add @vue/cli-init

# 用 vue init 建立專案

d:\ilaus_front>vue init webpack laus-front
? project name laus-front
? project description a vue.js project
? author kilou ? vue build standalone
? install vue-router? yes
? use eslint to lint your code? yes
? pick an eslint preset standard
? set up unit tests no
? setup e2e tests with nightwatch? no
? should we run `npm install` for you after the project has been created? (recommended)
yes, use npm
> yes, use yarn
no, i will handle that myself

# 檢視當前目錄

d:\ilaus_front>dir
驅動器 d 中的卷沒有標籤。
卷的序列號是 2661-72cd
d:\ilaus_front 的目錄
2020/09/19  13:35    .
2020/09/19  13:35    ..
2020/09/19  13:38    laus-front
0 個檔案              0 位元組
3 個目錄 17,266,479,104 可用位元組
d:\ilaus_front>cd laus-front
d:\ilaus_front\laus-front>yarn add element

對指定元件進行keep alive快取 Vue

keep alive 是乙個抽象元件 它自身不會渲染乙個 dom 元素，主要用於保留元件狀態或避免重新渲染 實際專案中 當元件在內被切換，它的 activated 和 deactivated 這兩個生命週期鉤子函式將會被對應執行。可以在activated時進行重新整理操作，但是這個做法則需要在每個要...

macOS 下WebStrom 安裝配置 Vue

前言 本人使用的各個工具的版本為 node.js v12.18.4 npm 6.14.6 webpack 4.44.2 vue vue cli 4.5.6 檢視node.js 的版本資訊 node v獲取nodejs模組安裝目錄訪問許可權 sudo chmod r 777 usr local lib...

27 用webpack自搭react和vue框架

前置條件 cnpm i d webpack webpack cli webpack dev server cnpm i d css loader style loader url loader file loader cnpm i d html webpack plugin clean webpac...