手动搭建一个Vue-cli

1.创建目录myVueCli,在该目录打开powershell,初始化并安装Webpack

npm init
npm i -D webpack

2.构建基本的main.js,index.html
注意:对DOM进行操作时要对windows.document进行操作,否则会报错。
3.安装vue、vue-loader、css-loader、vue-template-loader等依赖

# Vue 框架运行需要的库
npm i -S vue
# 构建所需的依赖
npm i -D vue-loader css-loader vue-template-compiler

4.在webpack.config.js中添加关于Vue文件的规则

module:{
        rules:[
            {
                test: /\.vue$/,
                use: ['vue-loader']
            }
        ]
    }

5.运行,报错vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.
解决方法:需要安装插件
6.添加CSS支持:

{
                test: /\.css$/,
                use: [
                    'style-loader',
                    'css-loader'
                ]
            }

注意style-loader必须在css-loader之前,且vue-style-loader不起作用

全部评论

相关推荐

浪子陪都:简历最优秀的地方放到了后面,国奖,校级奖学金这些是最亮眼的。说明你跟同级别的学生不一样。 建议台灯这个,PCB布局布线这个词汇不专业,业内是PCB Layout,第二,单片机的板子一般不用考虑SI,PI 都是低速信号,只要遵循3W原则就好了。 单片机的项目太low了,技能这块,你要看一下BOSS直聘的招聘要求,按照别人的要求写,一些关键词可以增加你简历被检索到的概率。 主修课程不用写,这个没有人去关注的。
点赞 评论 收藏
分享
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客企业服务