如果安装过其他版本的vue的话先卸载
npm uninstall -g vue-cli //卸载指令 卸载不会影响以前项目的启动
然后安装
NPM安装: npm install -g @vue/cli 淘宝镜像:cnpm install -g @vue/cli 苹果:yarn global add @vue/cli
然后全局安装好在指定文件夹
vue create xxx (xxx为项目名);

这个是自定义介绍

然后剩下的步骤按需要选择 , 空格选中 , 上下键移动 , enter确认
安装完后安装less
npm install less less-loader --save
项目配置@自动补齐路径
1首先在根路径新建一个jsconfig.json 然后复制下面代码
{
"compilerOptions": {
"target": "ES6",
"module": "commonjs",
"allowSyntheticDefaultImports": true,
"baseUrl": "./",
"paths": {
"@/*": ["src/*"]
}
},
"exclude": [
"node_modules"
]
}
2在vscode左上角 文件 -- 首选项 -- 设置 --- 工作区 -- 找到扩展 下的path-intellisense然后 选择 在setting.json中编辑 然后复制下面代码
{
"editor.fontSize": 14,
"editor.tabSize": 4,
"path-intellisense.mappings": { //主要是这个
"@": "${workspaceRoot}/src"
}
}
浙公网安备 33010602011771号