先裝node.js
你可以使用淘寶 NPM 鏡像定制的 cnpm (gzip 壓縮支持) 命令行工具代替默認的 npm:
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
可以使用下列任一命令安裝這個新的包:
cnpm install -g @vue/cli
你還可以用這個命令來檢查其版本是否正確:
vue --version
如果你還沒有 使用 Vue CLI 創(chuàng)建一個新的 Vue.js 項目,你可以通過鍵入:
(目前我個人用的是這種)
$ vue create my-app
// navigate to new project directory
$ cd my-app
然后用vs code打開這個文件夾站超,在vs code的終端里進行安裝剩下的灰粮。
vscode終端執(zhí)行cnpm出錯
解決辦法:
在終端中執(zhí)行:set-ExecutionPolicy RemoteSigned
element ui安裝
npm install element-ui@2.12.0 --save
安裝相關(guān)依賴包,這樣element ui可以按需導(dǎo)入:
npm install babel-plugin-component --save-dev
在babel.config.js中改為:
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
],
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
}
vscode安裝插件vue 露懒、vetur、Element UI Snippets
npm install vue-router
npm install node-sass@4.12.0 --save-dev
npm install sass-loader@7.0.3 --save-dev