一、初始化vue项目

使用vscode打开项目文件目录(建议使用Git管理),Ctrl+`打开terminal,输入:

vue init webpack projectName//projectName可以自定义

推荐网址:项目初始化网址推荐

二、vue项目渲染原理

App.vue通过模板渲染的方式渲染到main.js中,main.js中的Vue实例装载在index.html中。
Main.js中的Vue实例:
el:决定了对象装载的位置
template:使用的模板

☆运行过程中出现的问题

clipboard.png
解决办法:
项目根目录下,执行以下命令

cnpm install sass-loader -D
cnpm install node-sass -D

三、vue如何关闭eslint

build目录下,webpack.base.conf.js文件中,搜索eslint,注释掉如下代码片段:

clipboard.png

clipboard.png
注:重新npm run dev


lumiere
28 声望3 粉丝

越努力,