文件管理 · 2022年8月15日

vuecli视频教程|三人行慕课Vue-cli3x项目实战视频教程怎么样

㈠ vue-cli 如何使用scss

一、创建一个基于 webpack 模板的新项目

1、全局安装 vue-cli

$ npm install –global vue-cli

2、创建一个基于 webpack 模板的新项目

$ vue init webpack my-project

3、安装依赖

$ cd my-project$ npm install

4、为了使用sass,我们需要安装sass的依赖包

npm install –save-dev sass-loader//sass-loader依赖于node-sassnpm install –save-dev node-sass

5、修改style标签

打开src目录下的components目录中的Hello.vue文件。然后修改 style标签如下

<style lang="sass">

6、然后运行项目

npm run dev

7、终端显示错误,如下:

ERROR Failed to compile with 1 errorserror in ./src/components/Hello.vueMole build failed: h1, h2 {^Invalid CSS after "h1, h2 {": expected "}", was "{"in /Users/fangyongle/my-blogger/src/components/Hello.vue (line 36, column 9)

错误提示:无效的css。因为sass语法不使用大括号和分号。如果你喜欢使用不带大括号的语法,只要去掉css代码的大括号和分号,即使用缩进语法。如果你希望使用带大括号的语法,即SCSS那么,你只要把lang="sass"改成lang="scss"就行了。

二、引用sass/scss 文件

举个例子 @import "./common/scss/mixin";

千万别忘了分号,否则会报错类似的错误

Mole build failed:#app {^Media query expression must begin with '('in /Users/fangyongle/elema/src/App.vue (line 35, column 1)@ ./~/vue-style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=data-v-0bf489db!./~/sass-loader!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue 4:14-248 13:3-17:5 14:22-256

好了,在vue项目中使用sass就这么简单

作者:no_shower来源:简书著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

㈡ vue-cli 怎么使用 web Worker

给个思路吧,利用localstorage来跨线程传递参数

㈢ 三人行慕课Vue-cli3.x项目实战视频教程怎么样

可以的,课程视频从基础讲起,到响应式布局实际应用项目讲解,都是很完善、很详细的。

㈣ vue vue-cli脚手架 要先安装哪个

一般就是这样:本人测试vue-cli,使用的各个工具的版本,分别是node6.95、webpack3.6.0、vue2.4.4。第一步,安装node.js。PS:我所使用的系统是win7的64位。PS:检测node.js是否安装成功,在命令行中输入node -v即可。第二步,安装cnpm。点击运行,输入cmd,执行命令:$ npm install -g cnpm –registry=https://registry.npm.taobao.org。PS:有的朋友可能安装cnpm不成功,如果不成功可以自行网络,寻找解决方案。如果不能解决,以后只能使用npm命令,npm命令执行效率会比较慢。PS:检测cnpm是否安装成功,在命令行中输入cnmp -v即可。第三步,安装webpack。执行命令:cnpm install webpack -g。PS:同样的事使用webpack -v来检测webpack是否安装成功。第四步,安装Vue。执行命令:cnpm install vue。第五步,全局安装vue-cli。执行命令:cnpm install –global vue-cli。(此步可以忽视)第六步,在开源处(即存放网站的地方),执行操作:shift+右键,点击在此处打开命令窗口。第七步,执行命令vue init webpack projectname(自定义项目名)或vue init webpack-simple projectname(自定义项目名)。PS:本人使用的是webpack-simple。第八步,等下载完以后,会提几个问题,如果需要,可以写上作者名字,其他都回车跳过或者y确认。(或按需添加)第九步,执行命令cd projectname(自定义项目名) 定位到这里。第十步,cnpm install安装依赖。第十一步,npm run dev。

㈤ 我适合学vue.js吗

把基础部分都看了、并且示例代码也跟着敲了。下面的进阶部分看不太懂大致看了一下。 2. 慕课网上的所有基础视频,跟着敲了一遍。看完发现其实就是官方文档的基础内容 3. 下载别人写好的项目。运行完 npm install 、 npm run dev 会报各种错误…自己不会 debug …会有版本的问题 4. b 站上“台湾小凡”录制的 vue-cli 的视频…这个视频可能是台湾口音…说话太慢…调快速度又听不清…基本没用 5. 慕课网上的付费视频,饿了么实战(某群里共享的)看这个的时候总是出现各种问题、大部分是因为版本不同、导致使用方法什么的都发生了变化、处于不停的找问题(现在看了一半…感觉要看不下去了)。 所以现在很迷茫…到底该怎么学…学 vue 想写 webapp 以及数据库作业想用 vue.js (本科生二年级)不知道该继续看饿了么的视频、然后自己看文档来修改…还是应该怎么弄。第 1 条附言 · 60 天前感谢各位给出的建议。 我自己也发现我的基础比较薄弱、决定先把基础搞定、然后按照帖子里朋友给出的建议再学习一下!