VUE3环境搭建

1、设置淘宝镜像： npm install -g cnpm --registry=http://registry.npm.taobao.org；

2、创建工程：vue init webpack my-vue3

3、最新稳定版：cnpm install vue@next

4、全局安装 vue-cli脚手架：npm install -g @vue/cli 或 cnpm install -g @vue/cli

5、cnpm i -g @vue/cli-init；

7、进入你需要放项目的文件夹

8、初始化项目文件夹，如我的项目名是my-vue3，那么输入命令：vue init webpack my-vue3；

9、进入项目文件夹后，运行项目看看：npm run dev；

10、安装公共样式：

      npm i style-resources-loader vue-cli-plugin-style-resources-loader -D

      pluginOptions: { 'style-resources-loader': { preProcessor: 'less', patterns: [path.resolve(__dirname, "src/common/less/variable.less")] } }

    或

     

module.exports = {
css: {
// 不用在每一个页面都进行引入样式，就能直接引用。
     loaderOptions: {
      sass: {
           prependData: `@import '@/assets/scss/variables.scss';`
     }
    }
}
}