vuecli3的项目搭建

1、卸载旧版本

npm uninstall vue-cli -g 或者 yarn global remove vue-cli

2、安装cli3脚手架

npm install -g @vue/cli 或者 yarn global add @vue/cli

注意：

• 要求node版本 >=8.9
• vue查看版本号------vue -V
• node查看版本号-----node -v

3、安装支持运行独立的.vue文件

需安装 npm install -g @vue/cli-service-gloabal
运行文件 vue serve

4、新建项目

vue create //不支持驼峰
也可使用图形化界面搭建 vue ui

5、安装插件

vue add

6、cli常用配置

//1) vue-cli3 使用less全局变量
//安装vue add style-resources-loader vue.config.js中：
    
pluginOptions: {
    'style-resources-loader': {
        preProcessor: 'less',
        patterns: [
            path.resolve(__dirname,'./src/common/less/index.less'),
            //这个是加上自己的路径，       
        ]
    }
}

转载于:https://www.cnblogs.com/sgs123/p/11466382.html