如果安装过其他版本的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"
    }
}

  

 

posted on 2019-07-16 17:24  菜鸡H  阅读(1499)  评论(0编辑  收藏  举报