先装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 创建一个新的 Vue.js 项目,你可以通过键入:
(目前我个人用的是这种)
$ vue create my-app
// navigate to new project directory
$ cd my-app
然后用vs code打开这个文件夹,在vs code的终端里进行安装剩下的。
vscode终端执行cnpm出错
解决办法:
在终端中执行:set-ExecutionPolicy RemoteSigned
element ui安装
npm install element-ui@2.12.0 --save
安装相关依赖包,这样element ui可以按需导入:
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